.studio-stage{--chrome-top:calc(max(var(--space-2), env(safe-area-inset-top)) + var(--tap) + var(--space-2));--wipe:cubic-bezier(.65, 0, .35, 1);background:var(--background);height:100svh;min-height:620px;position:relative;overflow:hidden}.studio-stage:focus{outline:none}.stage-photo,.studio-story,.story-photo{position:absolute;inset:0}.stage-photo>img,.develop-band img,.stage-photo>.look-preview-trigger img,.story-photo img,.result-slide>.look-preview-trigger img,.result-before img{object-fit:cover;object-position:50% 30%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.stage-photo>.look-preview-trigger,.result-slide>.look-preview-trigger{position:absolute;inset:0}.stage-photo>.look-image-error,.result-slide>.look-image-error{z-index:1;padding-bottom:40%;position:relative}.stage-shade{background:var(--shade-bottom);pointer-events:none;height:58%;position:absolute;inset:auto 0 0}.studio-stage[data-view=studio] .stage-shade{height:52%}.studio-stage[data-view=generating] .stage-shade{height:40%}.studio-stage[data-view=results] .stage-shade{height:34%}.studio-chrome{z-index:2;top:var(--chrome-top);pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.studio-back-to-looks{width:34px;height:var(--tap);border-radius:var(--radius-tag);background:var(--raised);box-shadow:0 0 0 1.5px var(--ink);flex:none;padding:0;overflow:hidden}.studio-back-to-looks img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.chrome-link{min-width:0;min-height:var(--tap);align-items:center;margin-inline:auto;display:inline-flex}.chrome-link .readout-pill{text-overflow:ellipsis;overflow:hidden}.site-header .chrome-link:focus-visible{box-shadow:none;outline:none}.chrome-link:focus-visible .readout-pill{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 6px #000000a6}.studio-counter{min-width:var(--tap);justify-content:center}.studio-timer{height:34px;font-size:15px}.studio-timer i{background:var(--ink);border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite timer-blink}@keyframes timer-blink{50%{opacity:.2}}.studio-bottom{z-index:2;gap:var(--space-3);padding:0 var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.studio-bottom>*{pointer-events:auto}.studio-notes{gap:var(--space-2);display:grid}.studio-notes:not(:has(.error-message)){display:contents}.studio-status{font-size:var(--text-body);text-shadow:0 1px 12px #00000080;line-height:1.4}.studio-status:empty,.studio-stage[data-view=studio] .studio-status,.studio-stage[data-view=results] .studio-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);box-shadow:inset 0 0 0 1.5px var(--danger);font-size:var(--text-body);overflow-wrap:break-word;background:#1c1c1ee6;line-height:1.4}.studio-stage[data-view=landing] .studio-bottom{padding-inline:var(--gutter);gap:0}.studio-stage[data-view=landing] .studio-notes,.studio-stage[data-view=landing] .studio-status{margin-bottom:var(--space-4)}.home-title{max-width:9.5em;margin-bottom:var(--space-3);order:-1}.home-lead{max-width:21em;margin-bottom:var(--space-5);color:#f5f5f2b8;order:-1}.upload-zone.is-dragging{outline:2px solid var(--focus);outline-offset:4px}.home-foot{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-1);display:flex}.home-foot .text-button{white-space:nowrap}.home-readout{color:var(--muted);text-align:right}.home-note{font-size:var(--text-small);color:var(--muted);line-height:1.4}.home-foot+.home-note{margin-top:var(--space-2)}.story-before,.story-line{transition:none}.studio-story[data-phase=wipe] .story-before{transition:clip-path 1.3s var(--wipe)}.studio-story[data-phase=wipe] .story-line{transition:left 1.3s var(--wipe), opacity .2s}.story-line,.result-line{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #00000059}.story-progress{z-index:2;top:var(--chrome-top);left:var(--space-3);right:var(--space-3);gap:var(--space-1);pointer-events:none;display:flex;position:absolute}.story-progress>span{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-progress i{transform-origin:0;background:#fff;width:100%;height:100%;display:block;transform:scaleX(0)}.story-progress i.done{transform:none}.story-progress i.live{animation:linear forwards story-fill}@keyframes story-fill{to{transform:none}}.story-tag,.result-tag{z-index:2;pointer-events:none;position:absolute}.story-tag{top:calc(var(--chrome-top) + var(--space-4))}.story-tag-before,.result-tag-before{left:var(--space-3)}.story-tag-after,.result-tag-after{right:var(--space-3)}.story-tag[data-hidden],.result-tag[data-hidden]{visibility:hidden}.story-nav{z-index:1;cursor:pointer;background:0 0;padding:0;position:absolute;top:0;bottom:0}.story-nav:focus-visible{outline-offset:-6px}.story-prev{width:30%;left:0}.story-next{width:70%;right:0}.studio-flash{z-index:2;letter-spacing:-.035em;text-align:center;text-shadow:0 1px 2px #00000059,0 2px 28px #0009;pointer-events:none;font-size:30px;font-weight:700;line-height:1.05;animation:1.1s forwards style-flash;position:absolute;top:38%;left:0;right:0}@keyframes style-flash{0%{opacity:0;transform:scale(.96)}15%{opacity:1;transform:none}70%{opacity:1}to{opacity:0}}.studio-tools{align-items:center;gap:var(--space-2);pointer-events:none;display:flex}.studio-tools>*{pointer-events:auto}.studio-detail{min-width:0;padding-left:var(--space-3);color:#f5f5f2e0;margin-right:auto}.studio-detail svg{width:18px;height:18px}.studio-detail-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-detail.has-detail{color:var(--ink);box-shadow:inset 0 0 0 1px #ffffff59}.studio-styles{margin-inline:calc(-1 * var(--space-4))}.studio-strip{gap:var(--space-3);padding:var(--space-1) var(--space-4) 2px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.studio-strip::-webkit-scrollbar{display:none}.studio-style{scroll-snap-align:center;cursor:pointer;flex-direction:column;flex:1 0 80px;align-items:center;gap:6px;min-width:80px;display:flex;position:relative}.studio-style input{z-index:1;opacity:0;width:1px;height:1px;margin:0;position:absolute;top:40%;left:50%}.studio-thumb{aspect-ratio:72/92;border-radius:var(--radius-image);width:100%;transition:box-shadow .16s;display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.studio-thumb img{object-fit:cover;filter:saturate(.9)brightness(.86);width:100%;height:100%;transition:filter .16s}.studio-thumb:has(>svg){background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--muted);place-items:center;display:grid}.studio-thumb svg{width:24px;height:24px}.studio-style:has(input:checked) .studio-thumb svg{color:var(--ink)}.studio-style-name{-webkit-line-clamp:2;max-width:100%;min-height:2.3em;font-size:var(--text-small);text-align:center;overflow-wrap:break-word;color:var(--muted);-webkit-box-orient:vertical;font-weight:500;line-height:1.15;display:-webkit-box;overflow:hidden}.studio-style:has(input:checked) .studio-thumb{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ink)}.studio-style:has(input:checked) .studio-thumb img{filter:none}.studio-style:has(input:checked) .studio-style-name{color:var(--ink);font-weight:600}.studio-style:has(input:focus-visible) .studio-thumb{outline:2px solid var(--focus);outline-offset:5px}.studio-styles:disabled .studio-style{cursor:not-allowed;opacity:.5}.studio-makebar{gap:var(--space-3);margin-inline:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) 0;border-top:1px solid #ffffff12;display:flex}.studio-makebar .make-button{flex:1;min-width:0}.make-button[data-busy]{background-image:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);background-size:250% 100%;animation:1.6s linear infinite sheen}.studio-count{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--raised);width:60px;height:54px;color:var(--ink);flex-direction:column;flex:none;padding:0;transition:transform .12s;display:flex}.studio-count:hover:not(:disabled){background:var(--raised-hover)}.studio-count:active:not(:disabled){transform:scale(.96)}.studio-count:disabled{color:var(--muted)}.studio-count-number{font-family:var(--mono);font-size:var(--text-body);font-weight:600;line-height:1}.studio-count-dots{gap:3px;display:flex}.studio-count-dots i{background:#ffffff40;border-radius:50%;width:4px;height:4px}.studio-count-dots i[data-on]{background:currentColor}.studio-credits{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap);color:var(--muted);display:flex}.studio-credits .text-button{font-size:var(--text-small)}.studio-details .details-field{margin-top:var(--space-4);resize:none}.details-count{margin-top:var(--space-2);font-size:var(--text-small);color:var(--muted);text-align:right}.details-suggestions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.details-suggestion{min-height:var(--tap);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--line);background:0 0;padding:0 14px;font-size:15px}.details-suggestion:hover:not(:disabled){background:var(--raised)}.details-clear{justify-self:center}.develop-base{filter:grayscale()brightness(.42)contrast(1.15)}.develop-band{animation:2.1s cubic-bezier(.45,0,.55,1) infinite alternate develop-band;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 45% 55%,#0000);mask-image:linear-gradient(#0000,#000 45% 55%,#0000);-webkit-mask-size:100% 36%;mask-size:100% 36%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.develop-band img{filter:grayscale(.2)brightness(1.08)contrast(1.05)}.develop-line{background:#ffffffe6;height:1.5px;animation:2.1s cubic-bezier(.45,0,.55,1) infinite alternate develop-line;position:absolute;left:0;right:0;box-shadow:0 0 18px 3px #ffffff59}@keyframes develop-band{0%{-webkit-mask-position:0 -28%;mask-position:0 -28%}to{-webkit-mask-position:0 128%;mask-position:0 128%}}@keyframes develop-line{0%{top:0}to{top:100%}}.studio-slots{gap:var(--space-2);order:-1;display:flex}.studio-slot{border-radius:var(--radius-tag);background:var(--raised);width:44px;height:58px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff3}.studio-slot img{object-fit:cover;object-position:50% 20%;filter:grayscale()brightness(.5);width:100%;height:100%}.studio-slot:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff4d 50%,#0000 70%) 0 0/250% 100%;animation:1.6s linear infinite sheen;position:absolute;inset:0}.cancel-button{flex:none}.result-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;position:absolute;inset:0;overflow:auto hidden}.result-track::-webkit-scrollbar{display:none}.result-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;height:100%;margin:0;position:relative;overflow:hidden}.result-before{pointer-events:none;position:absolute;inset:0}.result-before,.result-line,.result-handle{transition:clip-path .12s,left .12s}.result-track[data-revealing] :is(.result-before,.result-line,.result-handle){transition-duration:1.1s;transition-timing-function:var(--wipe)}.result-track[data-dragging] .result-before,.result-track[data-dragging] .result-line,.result-track[data-dragging] .result-handle{transition:none}.result-slide:has(>.look-image-error) :is(.result-before,.result-line,.result-handle,.result-tag){display:none}.result-handle{z-index:1;width:var(--tap);margin-left:calc(var(--tap) / -2);cursor:ew-resize;touch-action:none;position:absolute;top:0;bottom:0}.result-handle:focus-visible{outline:none}.result-knob{width:var(--tap);height:var(--tap);margin:calc(var(--tap) / -2) 0 0 calc(var(--tap) / -2);color:var(--background);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:46%;left:50%;box-shadow:0 4px 16px #0000004d}.result-knob svg{width:20px;height:20px}.result-handle:focus-visible .result-knob{box-shadow:0 0 0 3px var(--background), 0 0 0 5px var(--focus)}.result-tag{top:var(--chrome-top)}.studio-shortfall{font-size:var(--text-body);text-align:center;text-shadow:0 1px 12px #00000080;line-height:1.4}.result-filmstrip{justify-content:safe center;gap:var(--space-2);scrollbar-width:none;padding:2px;display:flex;overflow-x:auto}.result-film{width:var(--tap);border-radius:var(--radius-tag);background:var(--raised);opacity:.55;flex:none;height:58px;padding:0;transition:opacity .16s,box-shadow .16s;overflow:hidden;box-shadow:0 0 0 1px #fff3}.result-film[aria-current]{opacity:1;box-shadow:0 0 0 2px #fff}.result-film img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.result-actions{margin-inline:calc(-1 * var(--space-1));grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.result-action{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-control);min-height:64px;color:var(--ink);font-size:var(--text-small);background:0 0;flex-direction:column;padding:0;font-weight:500;display:flex}.result-action svg{stroke-width:1.75px;width:26px;height:26px}.result-action:hover{background:#ffffff14}.studio-about{padding:var(--space-7) var(--gutter)}.studio-about h2{margin-bottom:var(--space-4)}.about-list{border-radius:var(--radius-control);background:var(--surface);margin:0}.about-list>div{gap:var(--space-1);padding:var(--space-4);display:grid}.about-list>div+div{border-top:1px solid var(--line)}.about-list dt{color:var(--muted)}.about-list dd{margin:0;line-height:1.4}.style-about{padding-bottom:0}.style-about p+p{margin-top:var(--space-4)}.about-privacy{margin-top:var(--space-1);margin-left:calc(-1 * var(--space-1));display:flex}.studio-canvas-note{display:none}@media (min-width:1100px){.studio-canvas-note{top:calc(100svh - var(--space-9));left:calc(100% + var(--space-6));width:240px;color:var(--muted);text-transform:none;line-height:1.6;display:block;position:absolute}}@media (max-width:759px){body:has(.measurement-bar) .studio-bottom{padding-bottom:var(--space-11)}body:has(.measurement-bar) .stage-shade{height:85%}body:has(.measurement-bar) .studio-stage[data-view=studio] .stage-shade{background:linear-gradient(to top, #080809eb calc(var(--space-11) + 260px), #08080900 calc(var(--space-11) + 400px));height:100%}}
.style-grid{padding-bottom:var(--space-7)}.style-grid h2{padding:0 var(--gutter);margin-bottom:var(--space-4)}.style-grid ul{gap:var(--space-4) 2px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.style-grid a{color:var(--ink);font-size:var(--text-small);text-decoration:none;display:block}.style-grid img{aspect-ratio:3/4;object-fit:cover;width:100%;margin-bottom:var(--space-2);background:var(--surface);display:block}.style-grid span{padding:0 var(--space-2);display:block}