/* Shared studio interface: compact on mobile, calm motion, clear job states. */
.personal-look-dialog,.studio-dialog{border:0;border-radius:18px;padding:30px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow-y:auto;color:#1b1b1b;background:#fff;box-shadow:0 20px 100px #0003}
.personal-look-dialog::backdrop,.studio-dialog::backdrop{background:#15151580;backdrop-filter:blur(6px)}
.personal-close,.studio-close{float:right;margin:-12px -12px 4px 10px}.personal-look-dialog h2,.studio-dialog h2{font-size:36px;line-height:1.05;margin:12px 0 22px;letter-spacing:-1px}
.personal-reference,#studio-reference{display:flex;align-items:center;gap:16px;padding:12px;background:#f6f5f3;border-radius:12px;margin:14px 0 22px;font-size:13px;line-height:1.5}.personal-reference img,#studio-reference img{width:56px;height:70px;object-fit:contain;background:#fff;border-radius:6px}
.personal-form label,#studio-occasion label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}.personal-form textarea,#studio-destination{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #d6d3ce;border-radius:9px;padding:14px;font:inherit;font-size:14px;background:#fff}
.occasion-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}.occasion-chips button{border:1px solid #ddd9d3;background:#fff;border-radius:30px;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer}.occasion-chips button:hover{background:#f2efeb}.personal-form>.button{width:100%;font-size:12px;gap:14px;justify-content:center}
.personal-note{font-size:10px;color:#74716b;line-height:1.6;margin:16px 0 0}.personal-status{font-size:13px;line-height:1.65}.personal-result{text-align:center}.personal-result img{display:block;height:auto;max-height:45svh;width:100%;object-fit:contain;border-radius:10px}.personal-result a{display:inline-block;margin-top:10px;font-size:12px}.personal-look-trigger{font-size:10px!important;min-height:38px!important;padding:10px 15px!important;margin-top:9px!important;justify-content:center;width:100%}
.working:before{content:'';display:inline-block;vertical-align:middle;margin-right:10px;width:13px;height:13px;border:2px solid #d7d2ca;border-top-color:#252321;border-radius:50%;animation:studio-spin 1s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}
.studio-section{border-top:1px solid #ddd;margin-top:44px;padding-top:30px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-heading h2{font-size:30px;margin:6px 0}.studio-heading p{color:#69655f;max-width:600px;font-size:13px}.studio-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:22px}.studio-job{border:1px solid #e5e1db;border-radius:12px;overflow:hidden;background:#fff}.studio-job img{width:100%;height:210px;object-fit:contain;background:#f8f7f5}.studio-job>div:last-child{padding:14px}.studio-job h3{font-size:15px;margin:6px 0}.studio-job p{font-size:12px;color:#69655f;line-height:1.6}.studio-job small{font-size:9px;letter-spacing:1px}.studio-job button{font-size:11px}.studio-placeholder{height:150px;display:flex;align-items:center;justify-content:center;background:#f3f1ed;font-size:12px}.studio-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.studio-card-actions button{font-size:11px!important;background:#f4f1ed!important;color:#49443d!important;border:0!important;padding:8px 10px!important;border-radius:6px}.studio-dialog p{font-size:13px;line-height:1.65}.studio-dialog .button{width:100%;margin-top:16px}.studio-job .state{display:block;font-size:10px;margin-top:10px}
#studio-settings{background:#f4f1ed;padding:20px;border-radius:12px;margin:22px 0;max-width:640px}#studio-settings label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}#studio-settings>div{display:flex;gap:10px}#public-limit{width:80px;padding:10px;border:1px solid #cdc8bf;border-radius:5px;font:inherit}#studio-settings small{display:block;font-size:11px;line-height:1.7;color:#6a645b;margin-top:10px}
@media(max-width:600px){.personal-look-dialog,.studio-dialog{padding:23px 20px}.personal-look-dialog h2,.studio-dialog h2{font-size:30px}.personal-reference{margin-bottom:16px}.studio-heading{align-items:flex-start;flex-direction:column}.studio-jobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-job img{height:170px}.studio-job>div:last-child{padding:10px}.studio-job h3{font-size:13px}.personal-look-trigger{font-size:9px!important}.look-viewer-copy .personal-look-trigger{max-width:350px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.working:before{animation:none}}

.personal-again{width:100%;justify-content:center;margin-top:14px;font-size:11px}.personal-result img{max-height:37svh}#studio-settings input[type=checkbox]{width:18px;height:18px;padding:0}

/* Persistent look results, accessible from the current dialog or the page. */
.look-notifications{position:fixed;inset:auto 20px 24px auto;width:min(350px,calc(100vw - 32px));display:grid;gap:10px;z-index:9999;pointer-events:none}
.look-notification{display:flex;align-items:center;background:#fff;color:#171717;border:1px solid #e8e5df;border-radius:14px;box-shadow:0 8px 40px #0003;pointer-events:auto;animation:look-notify-in .35s ease-out}
.look-notification-open{display:flex;align-items:center;gap:12px;padding:14px;border:0;background:transparent;text-align:left;flex:1;min-width:0;cursor:pointer;font:inherit;color:inherit}.look-notification-open img{width:48px;height:60px;object-fit:contain;border-radius:6px;background:#f6f5f3}.look-notification-open strong{display:block;font-size:14px}.look-notification-open small{display:block;font-size:11px;margin:5px 0;color:#666}.look-notification-open span span{font-size:11px}.look-notification-dismiss{border:0;background:transparent;width:40px;min-height:44px;align-self:flex-start;font-size:24px;cursor:pointer;color:#555}
.look-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.personal-look-trigger{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:#171717!important;color:#fff!important;border-color:#171717!important;min-height:46px!important;opacity:1!important}
.look-viewer{height:min(740px,84svh);margin:auto}
@keyframes look-notify-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@media(max-width:600px){
.look-viewer{width:360px;max-width:calc(100vw - 40px);height:min(620px,80svh);max-height:calc(100svh - 64px);margin:auto;padding:12px 16px 16px;overflow-y:auto}
.look-viewer-content{flex:1;min-height:0}.look-photo-panel{min-height:100px}.look-viewer-copy{text-align:center}.look-viewer-copy h2{font-size:23px}.look-viewer-copy p{font-size:11px}.look-viewer-copy .personal-look-trigger{font-size:10px!important;margin:12px auto 0!important;max-width:100%;line-height:1.4}
.personal-look-dialog{width:360px;max-width:calc(100vw - 40px);max-height:calc(100svh - 64px);margin:auto;padding:22px 20px}.personal-result img{max-height:32svh}
input,select,textarea,.personal-form textarea,#studio-destination,.share-dialog input,.catalog-type-field select{font-size:16px!important}
.look-notifications{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.look-notification{animation:none}}

html:has(dialog[open]){overflow:hidden}

.look-generation-preview{display:grid;justify-items:center;gap:10px;padding:16px;background:#f7f6f3;border-radius:12px;text-align:center}.look-generation-preview strong{font-size:14px}.look-generation-preview span,.look-generation-preview small{font-size:11px;color:#777;line-height:1.5}.look-generation-preview progress{width:80%;height:5px;accent-color:#222}.look-skeleton{width:75px;height:90px;border-radius:18px;background:linear-gradient(110deg,#e3e0da 20%,#faf9f7 45%,#e3e0da 70%);background-size:250% 100%;animation:look-shimmer 1.7s linear infinite}.look-pending-icon{width:48px;flex-shrink:0;display:grid;place-items:center}.look-pending-icon.working:before{margin:0;width:23px;height:23px}@keyframes look-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.look-skeleton{animation:none}}

.personal-look-dialog.has-result{border-radius:24px;padding:24px;max-width:calc(100vw - 40px)}.personal-look-dialog.has-result .personal-reference{display:none}.personal-look-dialog.has-result h2{font-size:28px;margin:12px 0 18px}.personal-image-open{display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#f5f4f0;cursor:zoom-in}.personal-result .personal-image-open img{max-height:42svh;border-radius:18px;object-fit:contain}.personal-expand{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:12px;border:1px solid #dfddd7;border-radius:12px;background:#fff;font:inherit;font-size:12px;color:#222;cursor:pointer}.personal-expand svg{width:18px;height:18px}.personal-look-dialog.has-result .personal-again{border-radius:12px;margin-top:9px}.look-fullscreen{position:fixed;inset:0;margin:0;padding:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#171717;overflow:hidden}.look-fullscreen[open]{display:grid;place-items:center}.look-fullscreen>img{width:100%;height:100%;max-height:100dvh;object-fit:contain}.look-fullscreen-close{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:2;width:46px;height:46px;border:1px solid #ffffff55;border-radius:50%;background:#171717b3;color:white;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}.look-fullscreen-close svg{width:24px;height:24px}.look-fullscreen::backdrop{background:#171717}@media(max-width:600px){.personal-look-dialog.has-result{padding:22px 20px}.personal-look-dialog.has-result h2{font-size:26px}.personal-result .personal-image-open img{max-height:40svh}}

.detail-photo-open{position:relative;display:block;width:100%;min-width:0;padding:0;border:0;background:#f8f7f4;cursor:zoom-in}.detail-photo-open .detail-image{display:block;object-fit:contain}.detail-photo-open>span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;background:#ffffffeb;padding:7px 11px;border-radius:20px;color:#444}.detail-photo-open>span svg{width:14px;height:14px}@media(max-width:600px){.product-dialog .detail-image{height:clamp(230px,43svh,370px);padding:16px 12px 32px;width:100%;max-height:none}.product-dialog{width:390px;max-width:calc(100vw - 32px);border-radius:20px}.product-dialog .detail-content{padding:14px 20px 18px}.product-dialog .detail-content h2{font-size:25px}}

.personal-reference img{background:transparent;mix-blend-mode:multiply;border-radius:0}.detail-photo-open .detail-image{mix-blend-mode:multiply;background:transparent}


/* Product photos and supplied video presentations. */
.detail-media{min-width:0;width:100%;align-self:start}.detail-media .detail-photo-open{width:100%}.detail-media [hidden]{display:none!important}.detail-video{width:100%;aspect-ratio:4/5;object-fit:contain;background:#161616;border-radius:12px;display:block;max-height:70vh}.detail-media-options{display:flex;gap:8px;padding-top:10px}.detail-media-options button{border:1px solid #dedbd5;background:#fff;color:#45423c;border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;cursor:pointer}.detail-media-options button[aria-pressed="true"]{background:#181818;color:white;border-color:#181818}.detail-media-options svg{width:15px;height:15px;fill:currentColor}.detail-media-options button:focus-visible{outline:3px solid #bd702a;outline-offset:3px}