@font-face{font-family:Geist;src:url(/ui/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#fff;--ink:#111;--muted:#6e6e6e;--soft:#8e8e8e;--faint:#c2c2c2;--accent:var(--ink);--focus:var(--ink);--wash:#11111114;--line:#1111111a;--line-strong:#11111147;--tint:#1111110a;--tint-strong:#11111112;--surface:#fffffff5;--lift:0 12px 32px -16px #11111138, 0 2px 6px -2px #1111110f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--press:80ms;--settle:.16s;--sans:"Geist", -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--panel-w:clamp(340px, 18vw + 165px, 500px);--stage-max:max(480px, 70svh);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--tile:68px;--gap-1:4px;--gap-2:8px;--gap-3:16px;--gap-4:24px;--r-xs:4px;--r-s:6px;--r:8px;--r-l:12px;--ring:1.5px;--knob:12px;--knob-face:0 0 0 2px #fff, 0 1px 3px 1px #1111112e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--accent);interpolate-size:allow-keywords}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 13px/1.4 var(--sans);font-optical-sizing:auto;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern";font-variant-numeric:tabular-nums;overflow:hidden}::selection{background:var(--wash)}button,input,select,output{font:inherit;color:inherit;letter-spacing:inherit}button{appearance:none;border:1px solid var(--line);border-radius:var(--r-xs);cursor:pointer;transition:transform var(--settle) var(--ease-out), border-color .1s ease, color .1s ease, background-color .1s ease;background:0 0;padding:6px 12px;line-height:16px}@media (hover:hover){button:hover{border-color:var(--line-strong)}}button:active{transition-duration:var(--press);transform:scale(.97)}button:disabled{color:var(--faint);cursor:default}button:disabled:hover{border-color:var(--line)}button:disabled:active{transform:none}button.quiet{color:var(--muted);border-color:#0000}@media (hover:hover){button.quiet:hover:not(:disabled){color:var(--ink);background:var(--tint);border-color:#0000}}button.quiet:active:not(:disabled){background:var(--tint-strong)}button.quiet:disabled{color:var(--faint)}button.icon{border-radius:var(--r-xs);place-items:center;width:32px;height:32px;padding:0;display:inline-grid}button.link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration-thickness:1px}@media (hover:hover){button.link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);background:0 0}}button.primary{height:32px;color:var(--ink);letter-spacing:-.012em;border-radius:var(--r-xs);border:0;padding:0 8px;font-size:15px;font-weight:600}@media (hover:hover){button.primary:hover:not(:disabled){background:var(--tint)}}button.primary:disabled{color:var(--faint)}button.secondary{border-color:var(--line-strong);color:var(--ink);border-radius:var(--r-xs);height:28px;padding:0 12px}.i{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.i circle[r=\.9],.i circle[r=\.5]{fill:currentColor;stroke:none}select{appearance:none;border:1px solid var(--line);border-radius:var(--r-xs);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236e6e6e' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center no-repeat;height:32px;padding:0 32px 0 12px;transition:border-color .1s}@media (hover:hover){select:hover:not(:disabled){border-color:var(--line-strong)}}:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}kbd{font:inherit;letter-spacing:.02em;color:var(--soft);margin-left:16px;font-size:12px}.label,.meta,h2{color:var(--muted);letter-spacing:.005em;font-size:12px;font-weight:400;line-height:16px}.meta{margin:0;line-height:1.45}.group-title{color:var(--ink);letter-spacing:.005em;margin:0;font-size:12px;font-weight:600;line-height:16px;display:block}.app{height:100%;max-width:calc(var(--stage-max) + var(--panel-w) + var(--safe-l) + var(--safe-r));padding-inline:var(--safe-l) var(--safe-r);grid-template:"top top" auto "stage panel" minmax(0, 1fr) / minmax(0, 1fr) var(--panel-w);margin-inline:auto;display:grid}.bar.top{padding:max(32px, var(--safe-t)) 32px 0 40px;z-index:2;pointer-events:none;grid-area:top;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.bar.top>*{pointer-events:auto}.bar .who{min-width:0}.title{letter-spacing:-.022em;color:var(--ink);margin:0;font-size:26px;font-weight:500;line-height:32px}.sub{letter-spacing:-.006em;color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:400;line-height:16px}.tools{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;height:32px;display:flex}#done{margin-left:8px}.status{color:var(--muted);letter-spacing:.005em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 4px 0 8px;font-size:12px}.status:empty{display:none}.status[data-state=unnamed],.status[data-state=error],.status[data-state=conflict]{color:var(--ink)}#more[aria-expanded=true]{color:var(--ink);background:var(--tint)}body[data-mode=match] #preview-open{visibility:hidden}.stage{flex-direction:column;grid-area:1/1/3;min-width:0;min-height:0;display:flex;position:relative;overflow:visible clip}.stage.over:after{content:"Drop the photo";border:1px dashed var(--line-strong);border-radius:var(--r-l);color:var(--ink);pointer-events:none;z-index:5;background:#ffffffd9;place-items:center;display:grid;position:absolute;inset:16px}.viewport{z-index:1;flex:1;justify-content:center;gap:16px;min-height:0;padding:4px 16px 24px;display:flex;position:relative}.canvas-box{flex:1;min-width:0;position:relative}canvas#stage{cursor:grab;touch-action:none;image-rendering:pixelated;display:block}canvas#stage.cut{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000),linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000),linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}canvas#stage:active,canvas#stage.held{cursor:grabbing}canvas#stage[data-over=feature]{cursor:pointer}canvas#stage:focus-visible{outline:none}.canvas-box:has(>canvas:focus-visible):after{content:"";border-radius:var(--r-l);box-shadow:0 0 0 1.5px var(--focus);pointer-events:none;position:absolute;inset:2px}#photo{border:1px solid var(--line);border-radius:var(--r-l);flex:0 40%;min-width:0;margin:0;position:relative;overflow:hidden}#photo img{object-fit:contain;width:100%;height:100%;display:block}#photo button{background:var(--surface);padding:2px 8px;position:absolute;top:8px;right:8px}.floor{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(closest-side,#00000013,#0000000a 45%,#00000003 75%,#0000);width:0;height:0;position:absolute;top:0;left:0}.floor.on{opacity:1}body[data-mode=match] .floor{display:none}canvas#stage{z-index:1;position:relative}.name-tag{z-index:2;opacity:0;pointer-events:none;will-change:transform;justify-items:center;display:grid;position:absolute;top:0;left:0}.name-tag.on{opacity:1;pointer-events:auto}.name-tag>*{grid-area:1/1}.name-show,#name{letter-spacing:-.012em;height:24px;color:var(--ink);white-space:nowrap;padding:0 4px;font-size:15px;font-weight:500;line-height:24px}.name-show{cursor:text;background:0 0;border:0;border-radius:0;align-items:center;gap:4px;max-width:28ch;transition:box-shadow .1s;display:inline-flex}.name-show>span{text-overflow:ellipsis;overflow:hidden}.name-show .pen{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round;width:12px;height:12px;display:none}.name-show[data-empty]{color:var(--muted);letter-spacing:-.006em;font-size:13px;font-weight:400}.name-show[data-empty] .pen{display:block}@media (hover:hover){.name-show:hover{box-shadow:inset 0 -1px 0 var(--line-strong);background:0 0}}.name-show:active{background:0 0;transform:none}.name-show:focus-visible{box-shadow:inset 0 -1px 0 var(--ink);outline:none}#name{field-sizing:content;background:var(--bg);min-width:8ch;max-width:28ch;box-shadow:inset 0 -1.5px 0 var(--ink);caret-color:var(--ink);text-align:left;border:0;border-radius:0}#name::placeholder{color:#0000}#name:focus,#name:focus-visible{outline:none}body:is([data-mode=starters],[data-mode=match]) .name-tag{display:none}.closer{z-index:3;border-radius:var(--r-xs);align-items:center;gap:8px;height:32px;padding:0 12px 0 8px;font-size:13px;display:inline-flex;position:absolute;bottom:24px;left:32px}.closer[data-on]{color:var(--ink);background:var(--tint)}.notice{z-index:4;border-radius:var(--r-s);background:var(--surface);height:28px;box-shadow:0 0 0 1px var(--line), var(--lift);color:var(--ink);letter-spacing:.005em;opacity:0;transition:opacity .16s var(--ease-out);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 32px);margin:0;padding:0 12px;font-size:12px;line-height:28px;position:absolute;top:8px;left:50%;overflow:hidden;translate:-50%}.notice:empty{display:none}.notice.on{opacity:1}.conflict{z-index:5;background:var(--bg);box-shadow:0 0 0 1px var(--line-strong), var(--lift);border-radius:var(--r-l);animation:rise .18s var(--ease-out);align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex;position:absolute;top:12px;left:16px;right:16px}.conflict span{flex:1}@keyframes rise{0%{opacity:0;transform:translateY(-4px)}}.loading{z-index:2;color:var(--muted);pointer-events:none;place-content:center;justify-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0}.loading[data-state=error]{pointer-events:auto;color:var(--ink);gap:8px}body[data-ready] .loading:not([data-state=error]){display:none}.menu{overscroll-behavior:contain;border-radius:var(--r-l);background:var(--bg);max-height:calc(100dvh - 24px);box-shadow:0 0 0 1px var(--line), var(--lift);min-width:min(248px,100vw - 24px);max-width:min(320px,100vw - 24px);color:var(--ink);transition:opacity .1s var(--ease-out), transform .1s var(--ease-out);border:0;flex-direction:column;gap:8px;margin:0;padding:8px;display:none;position:fixed;inset:auto;overflow:hidden auto}.menu:popover-open{display:flex}.menu>*{flex:none}@starting-style{.menu:popover-open{opacity:.5;transform:scale(.97)}}.menu[data-instant]{transition:none}.menu-group{flex-direction:column;gap:0;display:flex}.menu-group+.menu-group{border-top:1px solid var(--line);padding-top:8px}.menu-group>.label{letter-spacing:.01em;color:var(--muted);padding:4px 8px;font-size:11px;line-height:16px}.menu-row,.menu-group>button.quiet{border-radius:var(--r-xs);text-align:left;height:32px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-self:stretch;align-items:center;gap:16px;margin:0;padding:0 8px;font-size:13px;font-weight:400;transition:none;display:flex;position:relative}@media (hover:hover){:is(.menu-row,.menu-group>button.quiet):hover:not(:disabled){background:var(--tint);color:var(--ink)}}:is(.menu-row,.menu-group>button.quiet):active:not(:disabled){background:var(--tint-strong);transform:none}:is(.menu-row,.menu-group>button.quiet):disabled{color:var(--faint)}:is(.menu-row,.menu-group>button.quiet):focus-visible{outline-offset:-1.5px}.menu-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-row[role=menuitemradio][aria-checked=true]{font-weight:500}.menu-row[aria-checked=true]:after{content:"";border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);flex:none;width:9px;height:5px;margin:-3px 2px 0 0;transform:rotate(-45deg)}.menu .people{scrollbar-width:thin;flex-direction:column;max-height:192px;display:flex;overflow:hidden auto}.menu :is(.copy-rows,.play-rows){grid-template-columns:1fr 1fr;column-gap:4px;display:grid}#copy-menu{scrollbar-width:thin;max-height:min(480px,100vh - 96px);overflow:hidden auto}.menu .group .label{margin-bottom:4px}.menu .group.stepper{padding:4px 8px 8px}.menu .group.stepper .items{margin-left:-8px}.panel{flex-direction:column;grid-area:panel;min-width:0;min-height:0;padding:56px 24px 0 8px;display:flex;container:panel/inline-size}.panel>*,.tabs>nav{position:relative}.tabs{padding-left:8px}.tabs-fade{display:none}.categories,.subtabs{gap:4px;margin-left:-6px;display:flex}.tabs .tab{border-radius:var(--r-xs);color:var(--muted);background:0 0;border:0;padding:6px 6px 10px;font-weight:400;transition:none;display:inline-grid;position:relative}.tabs .tab:before{content:attr(data-label);visibility:hidden;grid-area:1/1;height:0;font-weight:500;overflow:hidden}.tabs .tab>span{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;grid-area:1/1;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.5px}.tabs .tab[aria-selected=true]{color:var(--ink);font-weight:500}.subtabs .tab[aria-selected=true]>span{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@media (hover:hover){.tabs .tab:hover{color:var(--ink);background:0 0}}.tabs .tab:active{transform:none}.tabs .tab:focus-visible{outline-offset:-1.5px}.categories{gap:12px;margin-bottom:0}.categories .tab{letter-spacing:-.012em;padding-bottom:6px;font-size:15px;line-height:20px}body[data-mode=starters] .categories{display:none}.subtabs.scroller{row-gap:0;overflow:visible;-webkit-mask-image:none;mask-image:none;flex-wrap:wrap!important}.subtabs .tab{font-size:13px;line-height:16px}.subtabs .tab>span{text-underline-offset:7px}.tabs{position:relative}.tab-tools{display:flex;position:absolute;top:0;right:-8px}body:not([data-mode=edit]) .tab-tools{display:none}.subtabs .tab.locked:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;top:6px;right:2px}body[data-mode=match] .subtabs,body[data-mode=starters] .subtabs{display:none}.section-head{align-items:center;gap:4px;min-height:24px;padding:0 0 0 8px;display:flex}.section-head h2{color:var(--ink);letter-spacing:-.012em;flex:none;margin:0;font-size:15px;font-weight:500;line-height:20px}body[data-mode=edit] .section-head h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.caption{min-width:0;color:var(--muted);letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}body:not([data-mode=edit]) .caption{margin-left:12px}#dice,#lock{width:32px;height:32px}#dice[hidden],#lock[hidden]{visibility:hidden;display:grid!important}#lock[aria-pressed=true]{color:var(--ink)}#lock[aria-pressed=false] .shackle{transform:translate(2.5px)translateY(-.6px)}.section{min-height:0;padding:0 8px calc(48px + var(--safe-b)) 8px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;overflow:hidden auto}.section.scrolled{-webkit-mask-image:linear-gradient(#0000,#0000001f 12px,#0000008c 24px,#000 36px);mask-image:linear-gradient(#0000,#0000001f 12px,#0000008c 24px,#000 36px)}.section-body{flex-direction:column;display:flex}.block{gap:var(--gap-3);flex-direction:column;display:flex}.block+.block,.block+.adjust,.adjust+.block{border-top:1px solid var(--line);margin-top:var(--gap-4);padding-top:var(--gap-3)}.choose-block{flex-direction:column;gap:8px;display:flex}.keyed{flex-direction:column;gap:12px;display:flex}.keyed:empty{display:none}.group-title.sub{margin:8px 0 -8px}.sliders{flex-direction:column;gap:16px;display:flex}.knob-group{flex-direction:column;gap:8px;display:flex}.actions-row{display:flex}.actions-row button{color:var(--ink)}.try-hint{margin:-4px 0}.adjust[data-later]{display:none}html:not(.r-advanced) :is(#lock,.block.tail){display:none!important}.adjust.arrive,.arriving :is(#lock,.block.tail){animation:arrive .24s var(--ease-out) both}@keyframes arrive{0%{opacity:0;transform:translateY(4px)}}.adjust:not(:has(.adjust-body>:not(.keyed:empty))){display:none}.block.tail:not(:has(>.keyed:not(:empty))){display:none}.adjust summary{cursor:pointer;width:fit-content;height:28px;color:var(--muted);border-radius:var(--r-xs);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-left:-8px;padding:0 8px;font-size:13px;list-style:none;display:flex}.adjust summary::-webkit-details-marker{display:none}.adjust summary:before{content:"";width:5px;height:5px;transition:transform .16s var(--ease-out);border-bottom:1.25px solid;border-right:1.25px solid;margin:0 2px;transform:translate(-1px)rotate(-45deg)}.adjust[open] summary:before{transform:translateY(-2px)rotate(45deg)}@media (hover:hover){.adjust summary:hover{color:var(--ink);background:var(--tint)}}.adjust[open] summary{color:var(--ink)}.adjust summary:active{background:var(--tint-strong)}.adjust summary:focus-visible{outline-offset:-1.5px}.adjust::details-content{opacity:0;height:0;transition:height .18s var(--ease-out), opacity .18s var(--ease-out), content-visibility .18s allow-discrete;overflow:clip}.adjust[open]::details-content{opacity:1;height:auto}.adjust-body{gap:var(--gap-3);padding-top:var(--gap-3);flex-direction:column;display:flex}.picker{position:relative}.picker.tiles{grid-template-columns:repeat(auto-fill, minmax(calc(var(--tile) + 8px), 1fr));gap:16px 8px;display:grid}.pick{border:1px solid var(--line);cursor:pointer;transition:transform var(--settle) var(--ease-out), border-color .1s ease, background-color .1s ease;background:0 0;padding:0}.pick:active{transition-duration:var(--press), .1s, .1s;transform:scale(.97)}@media (hover:hover){.pick:hover{border-color:var(--line-strong)}}.pick[aria-pressed=true]{border-color:var(--ink)}.pick:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px}.pick.previewing{border-color:#0000;box-shadow:inset 0 0 0 1px #11111159}.thumb{place-items:center;display:grid;position:absolute;inset:0}.pick.tile{background:0 0;border:0;flex-direction:column;gap:8px;display:flex;position:relative;overflow:visible}.pick.tile:focus-visible{outline:none}.pick.tile:focus-visible .thumb{outline:1.5px solid var(--focus);outline-offset:2px}@media (hover:hover){.pick.tile:hover{background:0 0}.pick.tile:hover .thumb{background-color:var(--tint)}}.pick.tile .thumb{aspect-ratio:1;border-radius:var(--r);width:100%;transition:background-color .1s;position:relative;inset:auto;overflow:hidden}.pick.tile:is([aria-checked=true],[aria-pressed=true]){background:0 0}.pick.tile:is([aria-checked=true],[aria-pressed=true]) .thumb{box-shadow:inset 0 0 0 var(--ring) var(--ink);background-color:#11111108}.pick.tile.previewing{box-shadow:none;background:0 0}.pick.tile.previewing .thumb{box-shadow:inset 0 0 0 1px #11111159}.pick.tile.none .thumb{box-shadow:inset 0 0 0 1px var(--line)}.pick.tile.none:is([aria-checked=true],[aria-pressed=true]) .thumb{box-shadow:inset 0 0 0 var(--ring) var(--ink)}.thumb img{width:100%;height:100%;image-rendering:pixelated;opacity:.35}.thumb .pic{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.thumb.drawn img{display:none}.pick.tile .name{letter-spacing:.01em;color:var(--muted);text-align:center;-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;padding:0 2px;font-size:11px;line-height:14px;display:-webkit-box;overflow:hidden}.pick.tile:is([aria-checked=true],[aria-pressed=true]) .name{color:var(--ink)}.picker.tiles.looks,.picker.tiles.named,.picker.tiles.starters{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.looks .pick.tile .thumb,.named .pick.tile .thumb,.starters .pick.tile .thumb{aspect-ratio:3/4}.starters-body{gap:16px}.starters-body>button{align-self:flex-start}.starters-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.picker.tiles.small{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px}.silhouettes .pic{filter:brightness(0);opacity:.72}.swatch-row{flex-direction:column;gap:8px;display:flex}.swatch-line{display:flex}.picker.swatchs{grid-template-columns:repeat(var(--cols,13), 24px);align-items:center;gap:8px 4px;display:grid}.pick.swatch{background:0 0;border:0;border-radius:50%;width:24px;height:24px;display:block;position:relative}@media (hover:hover){.pick.swatch:hover{box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}}.pick.swatch .chip{background:var(--bg);image-rendering:pixelated;background-position:50%;background-size:200%;border-radius:50%;position:absolute;inset:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #1111111a}.pick.swatch:is([aria-checked=true],[aria-pressed=true]),.pick.swatch.custom.on{box-shadow:inset 0 0 0 var(--ring) var(--ink)}.pick.swatch.previewing{box-shadow:inset 0 0 0 1px #1116}.pick.swatch.none .chip:after,.pick.swatch[data-value=null] .chip:after{content:"";background:linear-gradient(to top right, transparent calc(50% - .6px), var(--soft) calc(50% - .6px), var(--soft) calc(50% + .6px), transparent calc(50% + .6px));position:absolute;inset:0}.pick.swatch[data-value=natural] .chip:after{content:"N";color:#fffffff2;place-items:center;font-size:9px;font-weight:500;display:grid;position:absolute;inset:0}.pick.swatch.custom{background:conic-gradient(#e8a0a0,#ecd29a,#a8cfa0,#a0c8dc,#a8a8dc,#dca8cc,#e8a0a0) padding-box content-box;padding:4px}.pick.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pick.swatch.custom:has(:focus-visible){outline:1.5px solid var(--focus);outline-offset:2px}.slider{grid-template:"label read""rail rail"/minmax(0,1fr) auto;align-items:baseline;column-gap:8px;display:grid}.slider>.label{grid-area:label}.slider>.rail{grid-area:rail;align-self:start}.slider>.readout{grid-area:read}.readout .n{display:none}.text{align-items:center;gap:8px;display:grid}.slider .label,.pad .label,.toggle .label,.eye-row>.label,.cut-group>.group.stepper>.label,.text>.label,.presentation>.label{color:var(--ink);letter-spacing:-.006em;font-size:13px;line-height:16px}.rail{height:24px;display:block;position:relative}.rail .track{background:#1111111a;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.rail .fill{background:var(--accent);transform-origin:0;width:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0}.rail .knob{width:var(--knob);height:var(--knob);margin-top:calc(var(--knob) / -2);background:var(--accent);box-shadow:var(--knob-face);border-radius:50%;position:absolute;top:50%;left:0}.rail input{opacity:0;cursor:pointer;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.rail input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:24px}.rail input::-moz-range-thumb{border:0;width:12px;height:24px}.rail:has(input:focus-visible) .knob{outline:1.5px solid var(--focus);outline-offset:3px}.rail:has(input:active) .knob{transform-origin:50%;scale:1.17}.rail .knob{transition:scale .1s var(--ease-out)}.rail input:disabled{cursor:default}.readout{font-variant-numeric:tabular-nums;letter-spacing:.005em;color:var(--muted);text-align:right;white-space:nowrap;font-size:12px;line-height:16px}.height-row{position:relative}.height-row .slider .readout{margin-right:56px}.height-row .unit{position:absolute;top:-4px;right:0}.height-row .unit .items{flex-wrap:nowrap;gap:0;margin:0}.height-row .unit .stepper-item{min-height:24px;padding:0 4px}.height-row .unit .stepper-item+.stepper-item:after{content:"·";color:var(--faint);font-weight:400;position:absolute;left:-2px}.height-row .unit label:has(:focus-visible){outline-offset:-1.5px}.slider .ends{letter-spacing:.01em;color:var(--muted);grid-column:1/-1;justify-content:space-between;margin-top:-4px;font-size:11px;line-height:14px;display:flex}.why{letter-spacing:.01em;color:var(--muted);font-size:11px;line-height:14px;display:block}.eye-row.off>:not(.label),.slider.off .rail,.slider.off .readout,.slider.off .ends{opacity:.4}.eye-row.off .pick,.slider.off input{cursor:default;pointer-events:none}.pad{grid-template-columns:96px auto 1fr;align-items:center;gap:8px;display:grid}.pad .area{border-radius:var(--r);width:88px;height:88px;box-shadow:inset 0 0 0 1px var(--line);cursor:crosshair;touch-action:none;background:radial-gradient(circle, var(--faint) 1.5px, transparent 2px) center / 100% 100% no-repeat;position:relative}.pad .dot{width:var(--knob);height:var(--knob);background:var(--accent);box-shadow:var(--knob-face);border-radius:50%;position:absolute;top:0;left:0}.pad .area:focus-visible{outline-offset:2px}.pad .dot{transition:scale .1s var(--ease-out)}.pad .area:active .dot{scale:1.17}.pad .readout{text-align:left;align-self:end}.group .label{margin-bottom:4px;display:block}.section .group>.label{color:var(--ink);letter-spacing:-.006em;font-size:13px;line-height:16px}.group .items{flex-wrap:wrap;gap:4px;display:flex}.group label{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.group label input{opacity:0;width:0;height:0;margin:0;position:absolute}.group label:has(:focus-visible){outline:1.5px solid var(--focus);outline-offset:0}.stepper .items{flex-wrap:wrap;gap:0 4px;margin-left:-8px;display:flex;position:relative}.stepper-item,.pick.word{border-radius:var(--r-xs);min-height:28px;color:var(--muted);background:0 0;border:0;align-items:center;padding:0 8px;font-size:13px;line-height:16px;transition:color .1s;display:inline-grid;position:relative}:is(.stepper-item,.pick.word):before{content:attr(title);visibility:hidden;grid-area:1/1;height:0;font-weight:500;overflow:hidden}:is(.stepper-item,.pick.word)>.name{grid-area:1/1}@media (hover:hover){:is(.stepper-item,.pick.word):hover{color:var(--ink);background:0 0}}:is(.stepper-item,.pick.word):active{transform:none}:is(.stepper-item:has(:checked),.pick.word[aria-checked=true]){color:var(--ink);font-weight:500;transition:none}.stepper-item.implied>.name{-webkit-text-decoration:underline dashed var(--line-strong);text-decoration:underline dashed var(--line-strong);text-underline-offset:5px;text-decoration-thickness:1px}.chips .items{padding:0}.chips .stepper-item{letter-spacing:.005em;min-height:24px;font-size:12px}.chips .items.scroller{row-gap:0;max-width:calc(100% + 8px);display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none;flex-wrap:wrap!important}.checks .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-left:0;display:grid}.checks .stepper-item{color:var(--ink);align-items:center;gap:8px;padding:0;display:flex}.checks .stepper-item:before{content:"";visibility:visible;width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--bg) center / 10px 10px no-repeat;border-radius:3px;flex:none;transition:background-color .1s,box-shadow .1s}@media (hover:hover){.checks .stepper-item:hover:before{box-shadow:inset 0 0 0 1px var(--muted)}}.checks .stepper-item:has(:checked){font-weight:400}.checks .stepper-item:has(:checked):before{box-shadow:none;background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2 4.1 7.2 8 2.8' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.checks label:has(:focus-visible){outline-offset:2px}.habits{flex-direction:column;gap:8px;display:flex}.habits .meta{margin-top:-4px}.cut-group>.group.stepper,.eye-row{grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}.cut-group>.group.stepper>.label{margin:0}.picker.words{flex-wrap:wrap;gap:0 4px;margin-left:-8px;display:flex}.role-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:-8px;display:flex}.role-head .chips .items{margin-right:-8px}.pick.word .thumb{display:none}.text{grid-template-columns:96px minmax(0,1fr)}.form{flex-direction:column;gap:8px;display:flex}.form .text>.label{align-self:start;padding-top:6px}.text .pair{grid-template-columns:1fr 72px;gap:12px;display:grid}.text .stack{flex-direction:column;gap:4px;min-width:0;display:flex}select.field{width:100%;height:28px;box-shadow:inset 0 -1px 0 var(--line);color:var(--ink);cursor:pointer;background-color:#0000;background-position:right 2px center;border:0;border-radius:0;padding:0 20px 0 0;transition:box-shadow .1s}select.field[data-empty]{color:var(--soft)}select.field option{color:var(--ink)}@media (hover:hover){select.field:hover:not(:disabled){box-shadow:inset 0 -1px 0 var(--line-strong)}}select.field:focus-visible{box-shadow:inset 0 -1.5px 0 var(--ink);outline:none}select.field:disabled{color:var(--faint);cursor:default}.text input{width:100%;height:28px;box-shadow:inset 0 -1px 0 var(--line);background:0 0;border:0;border-radius:0;padding:0;transition:box-shadow .1s}.text input::placeholder{color:var(--soft)}@media (hover:hover){.text input:hover{box-shadow:inset 0 -1px 0 var(--line-strong)}}.text input:focus,.text input:focus-visible{box-shadow:inset 0 -1.5px 0 var(--ink);outline:none}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex;position:relative}.toggle input{opacity:0;width:0;height:0;margin:0;position:absolute}.switch{border-radius:var(--r-xs);background:#11111124;flex:none;width:28px;height:16px;transition:background-color .1s;position:relative}@media (hover:hover){.toggle:hover input:not(:checked)+.switch{background:#1113}}.switch .knob{width:12px;height:12px;transition:transform .16s var(--ease-out), width .1s var(--ease-out);background:#fff;border-radius:2px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #1111113d,0 0 0 .5px #1111110f}input:checked+.switch{background:var(--ink)}input:checked+.switch .knob{transform:translate(12px)}.toggle:active .switch .knob{width:15px}.toggle:active input:checked+.switch .knob{transform:translate(9px)}input:focus-visible+.switch{outline:1.5px solid var(--focus);outline-offset:2px}input:disabled+.switch{opacity:.4}.detail{flex-direction:column;gap:8px;display:flex}.identity{flex-direction:column;gap:16px;display:flex}.presentation{flex-direction:column;gap:4px;display:flex}.presentation .scale{grid-template-columns:1fr auto 1fr;display:grid}.presentation .mark:first-child{justify-self:start}.presentation .mark:last-child{justify-self:end}.presentation .mark{height:24px;color:var(--muted);letter-spacing:.005em;background:0 0;border:0;padding:0;font-size:12px}@media (hover:hover){.presentation .mark:hover{color:var(--ink);background:0 0}}.presentation .mark.on{color:var(--ink);font-weight:500}.voice,.vibe{flex-direction:column;gap:8px;display:flex}.voice .row{justify-content:space-between;align-items:center;display:flex}.voice .row button,.relation button{height:28px;padding:0 8px}.relations{flex-direction:column;gap:4px;display:flex}.relations:empty{display:none}.relation{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.stack .relation{min-height:28px;box-shadow:inset 0 -1px 0 var(--line)}.relation .stepper .items{flex-wrap:nowrap}.relation .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group>select,.vibe>select{width:100%}:is(.keyed:has(>.cut-group),.adjust-body:has(>.cut-group)){gap:24px}.cut-group{flex-direction:column;gap:12px;display:flex}.cut-group>.picker.tiles{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));margin:0}.picker.tiles.eye-pick{grid-template-columns:repeat(4,minmax(0,60px));gap:8px}.picker.tiles.eye-starters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.eye-pick .pick.tile{aspect-ratio:auto;background:0 0;border:0;border-radius:0;flex-direction:column;gap:4px;display:flex;overflow:visible}.eye-pick .thumb{aspect-ratio:1;border-radius:var(--r);width:100%;box-shadow:inset 0 0 0 1px var(--line);position:relative;inset:auto;overflow:hidden}.eye-pick .thumb:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #11111114}.eye-pick .thumb canvas{width:100%;height:100%;image-rendering:pixelated;display:block}@media (hover:hover){.eye-pick .pick:hover .thumb:after{box-shadow:inset 0 0 0 1px var(--line-strong)}}.eye-pick .pick.tile[aria-checked=true]{background:0 0}.eye-pick .pick[aria-checked=true] .thumb:after{box-shadow:inset 0 0 0 var(--ring) var(--ink)}.eye-pick .pick.tile .name{background:0 0;padding:0;font-size:11px;line-height:14px;display:block;position:static}.eye-starters .pick.tile .name{font-size:12px}.eye-about{flex-direction:column;gap:4px;margin-top:-4px;display:flex}.eye-about .about{color:var(--ink)}.eye-row:has(.eye-pick)>.label{padding-bottom:16px}.eye-row>.group.stepper>.items{flex-wrap:wrap}.eye-world{z-index:3;background:var(--bg);border-bottom:1px solid var(--line);align-items:end;gap:8px;margin-bottom:4px;padding:8px 0;display:flex;position:sticky;top:0}.eye-world>.label{align-self:center;margin-right:auto}.eye-world:after{content:"";background:linear-gradient(var(--bg), #fff0);pointer-events:none;height:16px;position:absolute;top:calc(100% + 1px);left:0;right:0}.eye-world canvas{image-rendering:pixelated;border:1px solid var(--line);border-radius:var(--r-xs)}[data-path]{border-radius:var(--r);transition:background-color .16s,box-shadow .16s}[data-path].live{background:var(--tint);box-shadow:0 0 0 8px var(--tint)}@media (hover:hover) and (pointer:fine){.slider[data-path]:hover,.pad[data-path]:hover{background:var(--tint);box-shadow:0 0 0 8px var(--tint)}}.map-frame{grid-template:".across""down map"1fr".read"/auto minmax(0,1fr);gap:4px 8px;display:grid}.map-frame:has(.body-map){max-width:268px}.map-frame .axis{letter-spacing:.01em;color:var(--muted);justify-content:space-between;font-size:11px;line-height:14px;display:flex}.map-frame .across{grid-area:across}.map-frame .down{text-align:right;flex-direction:column;grid-area:down}.map-read{text-align:center;color:var(--ink);grid-area:read;min-height:20px;padding-top:4px;font-size:13px;line-height:16px}.map{touch-action:none;cursor:crosshair;border-radius:var(--r-l);grid-area:map;position:relative}.map .field{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.map .dot{cursor:grab;touch-action:none;z-index:2;background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0;position:absolute;top:-16px;left:-16px}.map .dot i{inset:calc((32px - var(--knob)) / 2);background:var(--accent);box-shadow:var(--knob-face);transition:transform .1s var(--ease-out);border-radius:50%;position:absolute}.map .dot:active,.map.held .dot{cursor:grabbing}.map.held .dot i{transition-duration:var(--press);transform:scale(1.17)}.map .dot:focus-visible{outline:none}.map .dot:focus-visible i{outline:1.5px solid var(--focus);outline-offset:3px}.body-map:before,.face-map:before{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);position:absolute;inset:0}.body-map,.face-map{aspect-ratio:1}.map .preset{background:var(--faint);z-index:1;opacity:0;border-radius:50%;width:4px;height:4px;margin:-2px;transition:background-color .12s,opacity .12s;position:absolute}@media (hover:hover){.map:hover .preset{opacity:1}}.body-map .preset{display:none}.map .preset:before{content:"";border-radius:50%;position:absolute;inset:-8px}.map .preset:after{content:attr(data-name);border-radius:var(--r-xs);background:var(--surface);height:20px;box-shadow:0 0 0 1px var(--line);letter-spacing:.01em;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;padding:0 6px;font-size:11px;font-style:normal;line-height:20px;transition:opacity .1s;position:absolute;top:-9px;left:10px}.map:not(.held) .preset:hover{background:var(--ink);z-index:3}.map:not(.held) .preset:hover:after{opacity:1}.map .map-corner{pointer-events:none;position:absolute}.body-map .map-corner{aspect-ratio:1;opacity:.2;width:42%}.body-map .c0{top:4%;left:4%}.body-map .c1{top:4%;right:4%}.body-map .c2{bottom:4%;left:4%}.body-map .c3{bottom:4%;right:4%}.body-map .map-corner .thumb{position:absolute;inset:0}.body-map .map-corner .thumb img{display:none}.body-map .map-corner .pic{filter:brightness(0);image-rendering:pixelated}.face-shape{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:center;gap:24px;padding-block:24px 20px;display:grid}.face-shape .map-frame{display:block}.face-map:after{content:"";background:var(--faint);pointer-events:none;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}.face-map .map-corner{width:28px;height:35px;translate:-50% -50%}.face-map .c0,.face-map .corner-name.c0{left:var(--in);top:var(--in)}.face-map .c1,.face-map .corner-name.c1{left:calc(100% - var(--in));top:var(--in)}.face-map .c2,.face-map .corner-name.c2{left:var(--in);top:calc(100% - var(--in))}.face-map .c3,.face-map .corner-name.c3{left:calc(100% - var(--in));top:calc(100% - var(--in))}.face-map .corner-name{letter-spacing:.01em;color:var(--muted);white-space:nowrap;pointer-events:none;font-size:11px;line-height:14px;position:absolute;translate:-50%}.face-map .corner-name:is(.c2,.c3){top:calc(100% + 6px)}.face-map .corner-name:is(.c0,.c1){top:-20px}.face-map .outline,.face-preview .outline{width:100%;height:100%;display:block;overflow:visible}:is(.face-map,.face-preview) .outline path{fill:none;stroke:var(--soft);stroke-width:1.25px;stroke-linejoin:round;vector-effect:non-scaling-stroke;shape-rendering:geometricprecision}.face-preview{align-content:center;justify-items:center;gap:12px;display:grid}.face-preview .outline{width:60px;height:75px}.face-preview .outline path{stroke:var(--ink)}.face-preview .map-read{grid-area:auto;min-height:16px;padding-top:0}.skin-row{flex-direction:column;gap:8px;display:flex}.skin-body{align-items:flex-start;gap:24px;display:flex}.skin-body .map-frame{flex:none}.skin-map{border-radius:var(--r);width:104px;height:148px}.skin-map:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #11111114}.skin-map .field canvas{width:100%;height:100%;display:block}.skin-map .anchor{pointer-events:none;background:#ffffff73;border-radius:50%;width:2px;height:2px;margin:-1px;position:absolute}.skin-map.free .anchor{display:none}.skin-read{flex-direction:column;gap:2px;min-width:0;padding-top:20px;display:flex}.skin-name{letter-spacing:-.012em;color:var(--ink);font-size:15px;font-weight:500;line-height:20px}.skin-hex{letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.skin-read .toggle{margin-top:16px}.scroller{scrollbar-width:none;overscroll-behavior-x:contain;overflow:auto hidden;flex-wrap:nowrap!important}.scroller::-webkit-scrollbar{display:none}.scroller>*{flex:none}.scroller[data-fade=r]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.scroller[data-fade=l]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.scroller[data-fade=lr]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.app{position:relative}.stage-layer{z-index:1;pointer-events:none;overflow-clip-margin:24px;position:absolute;top:0;left:0;overflow:clip}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sculpt-off .overlay,.sculpt-off .film,.sculpt-off .context,.sculpt-off .coach,.sculpt-off .try-on{display:none}.overlay .feature{border-radius:var(--r-l);opacity:0;pointer-events:none;border:1px solid #11111173;transition:opacity .14s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffffb3}.overlay .feature.on{opacity:1}.overlay .feature:focus-visible{opacity:1;box-shadow:0 0 0 1.5px var(--focus);outline:none}.overlay .handle{cursor:grab;opacity:0;pointer-events:none;touch-action:none;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0;transition:opacity .12s ease-out;position:absolute;top:-14px;left:-14px}.overlay .handle:active{transform:none}.overlay .handle.on{opacity:1;pointer-events:auto}.overlay .handle.faint{opacity:0;pointer-events:auto}.overlay[data-near] .handle.faint{opacity:.45}.overlay .handle.faint:hover{opacity:1}.overlay .handle:focus-visible{opacity:1;outline:1.5px solid var(--focus);outline-offset:-4px}.overlay .handle i{background:var(--ink);transition:transform .1s var(--ease-out);border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 0 2px #ffffffe6,0 1px 3px 1px #1113}@media (hover:hover){.overlay .handle:hover i{transform:scale(1.2)}}.overlay .handle.target i{transform:scale(1.2)}.overlay .handle.held{cursor:grabbing}.overlay .handle.held i{transition-duration:var(--press);transform:scale(1.4)}body:has(.handle.held,.ruler .marker.held){cursor:grabbing}.overlay .handle[data-short]:is(:hover,:focus-visible):after{content:attr(data-short);border-radius:var(--r-xs);background:var(--surface);height:20px;box-shadow:0 0 0 1px var(--line);letter-spacing:.01em;color:var(--ink);white-space:nowrap;pointer-events:none;padding:0 6px;font-size:11px;line-height:20px;position:absolute;top:28px;left:50%;translate:-50%}.overlay .handle.tipped:after{display:none}.overlay .handle[data-handle=crown].faint{opacity:.8}.overlay .handle[data-handle=crown]:after{top:5px;left:32px;translate:none}.overlay .handle[data-handle=crown]:before{content:"";pointer-events:none;background:linear-gradient(#1110,#11111173 30% 70%,#1110);width:1px;height:40px;position:absolute;top:-6px;left:13.5px}.overlay .tip{border-radius:var(--r-s);background:var(--surface);height:24px;box-shadow:0 0 0 1px var(--line);letter-spacing:.005em;color:var(--ink);white-space:nowrap;opacity:0;font-variant-numeric:tabular-nums;padding:0 8px;font-size:12px;line-height:24px;transition:opacity .1s ease-out;position:absolute;top:0;left:0;translate:-50%}.overlay .tip.on{opacity:1}.overlay .ruler{opacity:0;pointer-events:none;transition:opacity .16s ease-out;position:absolute;top:0;left:0}.overlay .ruler.on{opacity:1}.overlay .ruler:not(.on) *{pointer-events:none!important}.ruler .rail{background:#1111114d;border-radius:0;width:1px;height:auto;position:absolute;top:0;left:0}.ruler .tick{background:#1111118c;width:9px;height:1px;position:absolute;top:0;left:-4px}.ruler .tick span{border-radius:var(--r-xs);background:var(--surface);color:var(--muted);white-space:nowrap;padding:0 4px 1px;font-size:11px;transition:color .12s;position:absolute;top:-9px;left:12px}.ruler .tick.hit span{color:var(--ink)}.ruler .regions{border-radius:var(--r-s);background:var(--surface);box-shadow:0 0 0 1px var(--line);pointer-events:auto;gap:0;padding:2px;display:flex;position:absolute;top:-36px;left:-12px}.ruler .regions button{height:24px;color:var(--muted);border-radius:var(--r-xs);background:0 0;border:0;padding:0 8px;font-size:12px}.ruler .regions button[aria-checked=true]{color:var(--ink);text-underline-offset:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px}.ruler .marker{cursor:ns-resize;pointer-events:auto;touch-action:none;background:0 0;border:0;width:32px;height:28px;padding:0;position:absolute;top:-14px;left:-16px}.ruler .marker:active{transform:none}.ruler .marker i{background:var(--ink);width:16px;height:4px;transition:transform .1s var(--ease-out);border-radius:2px;position:absolute;top:12px;left:8px;box-shadow:0 0 0 2px #ffffffe6,0 1px 3px 1px #1111112e}.ruler .marker.held i{transition-duration:var(--press);transform:scale(1.35)}.ruler .marker:focus-visible{outline:1.5px solid var(--focus);outline-offset:-4px;border-radius:var(--r-xs)}.ruler .readout{z-index:1;color:var(--ink);white-space:nowrap;background:var(--surface);border-radius:var(--r-s);text-align:left;padding:0 6px 1px;font-size:12px;position:absolute;top:-12px;left:30px}.film{z-index:3;border-radius:var(--r-l);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--lift);opacity:0;pointer-events:none;padding:8px 8px 6px;transition:opacity .22s ease-out;position:absolute;top:0;left:0}.film.on{opacity:1;transition-duration:80ms}.film .groups{color:var(--muted);justify-content:center;gap:10px;margin-bottom:4px;font-size:11px;display:flex}.film .groups .now{color:var(--ink)}.film .window{width:300px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000)}.film .reel{will-change:transform;padding-left:120px;display:flex}.film .item{opacity:.45;flex:none;place-items:center;width:60px;margin:0;display:grid}.film .item.first{box-shadow:-1px 0 0 var(--line)}.film .item.now{opacity:1}.film .item canvas{border-radius:var(--r);width:52px;height:52px;image-rendering:pixelated}.film .item.now canvas{box-shadow:0 0 0 1.5px var(--ink)}.film .name{text-align:center;color:var(--ink);margin-top:3px;font-size:12px}:is(.try-on,.coach){z-index:3;letter-spacing:.005em;max-width:calc(100% - 32px);height:24px;color:var(--muted);white-space:nowrap;opacity:0;transition:opacity .24s var(--ease-out);pointer-events:none;align-items:center;gap:2px;font-size:12px;line-height:16px;display:flex;position:absolute;bottom:-18px;left:50%;translate:-50%}:is(.try-on,.coach).on{opacity:1;pointer-events:auto}.try-on .try-label{padding:0 2px}.try-on .try-step{width:24px;height:24px;color:var(--muted);border-radius:var(--r-xs);background:0 0;border:0;place-items:center;padding:0;display:grid}.try-on .try-step svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}@media (hover:hover){.try-on .try-step:hover{color:var(--ink);background:0 0}}.try-on .try-step:active{transform:none}.context{z-index:3;border-radius:var(--r-l);background:var(--surface);max-width:260px;box-shadow:0 0 0 1px var(--line), var(--lift);opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);pointer-events:none;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:16px;right:16px;transform:translateY(4px)}.context.on{opacity:1;pointer-events:auto;transform:none}.context .title{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.context .items{flex-wrap:wrap;gap:4px;display:flex}.context .chip{border-radius:var(--r-xs);height:28px;padding:0 8px;font-size:12px}@media (prefers-reduced-motion:reduce){button,.menu,.pick{transition:opacity .16s var(--ease-out), border-color .12s ease, color .12s ease, background-color .12s ease}button:active,.pick:active,.try-on .try-step:active{transform:none}@starting-style{.menu:popover-open{opacity:.5;transform:none}}.rail .knob,.pad .dot{transition:none;scale:none!important}.adjust::details-content{transition:opacity .18s var(--ease-out), content-visibility .18s allow-discrete}.adjust summary:before{transition:none}.conflict{animation:none}.switch .knob{transition:none}.toggle:active .switch .knob{width:14px}.toggle:active input:checked+.switch .knob{transform:translate(12px)}.adjust.arrive,.arriving :is(#lock,.block.tail){animation-name:fade}.overlay .handle i,.map .dot i,.ruler .marker i{transition:none}.overlay .handle.held i,.map.held .dot i,.ruler .marker.held i,.overlay .handle:hover i,.overlay .handle.target i{transform:none}.context,.context.on{transition:opacity .16s;transform:none}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-transparency:reduce){:root{--surface:var(--bg)}.pick.tile .name,.map .preset:after{background:var(--bg)}}@media (prefers-contrast:more){:root{--muted:#4a4a4a;--soft:#5c5c5c;--line:#11111173;--line-strong:#111111b3;--surface:var(--bg)}.film,.context,.overlay .tip,.menu{box-shadow:0 0 0 1px var(--ink)}.pick.previewing,.pick.tile.previewing .thumb{box-shadow:inset 0 0 0 1.5px var(--ink)}}@media (width<=599px) and (height>=501px),(width<=699px) and (orientation:portrait){body{overflow:hidden auto}.app{grid-template:"top""stage"42svh"panel"/minmax(0,1fr);max-width:none;height:auto}.stage{top:var(--safe-t);z-index:3;background:var(--bg);box-shadow:0 1px 0 var(--line), 0 calc(-1 * var(--safe-t)) 0 var(--bg);grid-area:stage;position:sticky;overflow:clip}.stage-layer{z-index:4}.closer{height:28px;padding:0 8px;font-size:12px;bottom:8px;left:8px}.viewport{padding-bottom:24px}:is(.try-on,.coach){bottom:-20px}.bar.top{padding:max(20px, var(--safe-t)) 16px 0;z-index:5;gap:8px}.bar .who{flex:1}.title{font-size:24px;line-height:28px}.tools{flex:none;margin-right:-8px}#done{margin-left:0}.status:is([data-state=saved],[data-state=saving],[data-state=pending],[data-state=unnamed]){display:none}.panel{padding:8px 16px 0}.section-head{padding-left:0}.tabs{top:calc(42svh + var(--safe-t));z-index:2;background:var(--bg);margin:-8px -16px 0;padding:8px 16px 2px;position:sticky;container-type:scroll-state}.subtabs.scroller{margin-right:-16px;padding-right:16px}.tabs-fade{pointer-events:none;opacity:0;background:linear-gradient(var(--bg), #ffffffe0 30%, #ffffff73 65%, #fff0);height:60px;transition:opacity .16s;display:block;position:absolute;top:100%;left:0;right:0}@container scroll-state(stuck:top){.tabs-fade{opacity:1}}.section{padding:0 0 calc(40px + var(--safe-b)) 0;isolation:isolate;overflow:visible}.tab-tools{top:8px;right:8px}.context{bottom:8px;right:8px}.film .window{width:240px}.film .reel{padding-left:90px}}@media (height<=500px) and (width>=600px),(height<=500px) and (orientation:landscape){:root{--panel-w:clamp(340px, 50vw, 440px);--stage-max:max(320px, 100svh)}.bar.top{padding:max(8px, var(--safe-t)) 16px 0 24px}.panel{padding:0 16px 0 8px}.viewport{padding:0 8px 20px}.closer{bottom:8px;left:16px}.film .window{width:240px}.film .reel{padding-left:90px}}@container panel (width<=400px){.categories{gap:4px}}@media (pointer:coarse){button:not(.pick,.name-show,.try-step),select,summary,.stepper-item,.pick.word,.toggle,.menu-row{min-height:44px}button.icon,#dice,#lock{width:44px;height:44px}.tools{gap:0;height:44px}.subtabs.scroller{overflow-x:auto;flex-wrap:nowrap!important}.tabs .tab{justify-items:center;min-width:44px;padding:12px 6px 16px}:is(.stepper-item,.pick.word){min-width:44px}.chips .stepper-item{min-height:44px}.height-row .unit .stepper-item{justify-items:center;min-width:44px;min-height:44px}.height-row .slider .readout{margin-right:96px}.categories .tab{padding:12px 6px}.subtabs .tab>span{text-underline-offset:7px}.adjust summary,select.field,.text input{height:44px}input,select,#name,.name-show{font-size:16px}.name-show{position:relative}.name-show:before{content:"";position:absolute;inset:-10px -8px}.rail{height:44px}.rail input::-webkit-slider-thumb{width:28px;height:44px}.rail input::-moz-range-thumb{width:28px;height:44px}.closer,button.secondary,.voice .row button,.relation button,.context .chip,.ruler .regions button{height:44px}.height-row .unit{top:-14px}.picker.swatchs{flex:1;grid-template-columns:repeat(auto-fill,36px);gap:8px;width:100%;min-width:0}.pick.swatch{width:36px;height:36px}.pick.swatch .chip{inset:7px}.pick.swatch:before{content:"";position:absolute;inset:-4px}.pick.swatch.custom{padding:7px}.map .dot{width:44px;height:44px;top:-22px;left:-22px}.map .dot i{inset:calc((44px - var(--knob)) / 2)}.map .preset{opacity:1}.overlay .handle{width:44px;height:44px;top:-22px;left:-22px}.overlay .handle i{inset:17px}.overlay .handle.faint{opacity:.45}.overlay .handle[data-handle=crown]:before{top:2px;left:21.5px}.overlay .handle[data-handle=crown]:after{top:13px;left:40px}.ruler .marker{width:44px;height:44px;top:-22px;left:-22px}.ruler .marker i{top:20px;left:14px}.try-on{height:44px}.try-on .try-step{width:44px;height:44px}.overlay .handle[data-short]:is(:hover,:focus-visible):after{top:44px}#photo button{min-width:44px}}.pg-sheet{--ink:#111;--muted:#6e6e6e;--line:#1111111a;--line-strong:#11111147;--ease-out:cubic-bezier(.23, 1, .32, 1);box-sizing:border-box;width:100%;max-width:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));color:var(--ink);letter-spacing:-.012em;box-shadow:0 -1px 0 var(--line), 0 24px 64px -24px #1111114d;opacity:1;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), overlay .2s allow-discrete, display .2s allow-discrete;background:#fff;border:0;border-radius:8px 8px 0 0;margin:auto 0 0;font:400 17px/1.45 Geist,-apple-system,system-ui,sans-serif;transform:none}.pg-sheet *,.pg-sheet :before,.pg-sheet :after{box-sizing:border-box}.pg-sheet:not([open]){opacity:0;transform:translateY(12px)}@starting-style{.pg-sheet[open]{opacity:0;transform:translateY(12px)}}.pg-sheet::backdrop{transition:opacity .2s var(--ease-out), overlay .2s allow-discrete, display .2s allow-discrete;background:#1113}.pg-sheet:not([open])::backdrop{opacity:0}@starting-style{.pg-sheet[open]::backdrop{opacity:0}}@media (width>=640px){.pg-sheet{width:440px;box-shadow:0 24px 64px -24px #1111114d, 0 0 0 1px var(--line);border-radius:8px;margin:auto;padding:32px}}@media (prefers-reduced-motion:reduce){.pg-sheet,.pg-sheet:not([open]){transform:none}@starting-style{.pg-sheet[open]{transform:none}}}.pg-sheet h2{color:var(--ink);letter-spacing:-.022em;margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.15}.pg-sheet p{color:var(--muted);margin:0 0 16px}.pg-sheet form{gap:12px;margin:0;display:grid}.pg-sheet label{color:var(--muted);letter-spacing:-.006em;gap:4px;font-size:13px;display:grid}.pg-sheet textarea,.pg-sheet input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:6px;outline:none;padding:10px 12px;font-size:17px}.pg-sheet textarea{resize:vertical;min-height:112px}.pg-sheet textarea:focus-visible,.pg-sheet input:focus-visible{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pg-sheet .row{align-items:center;gap:16px;margin-top:8px;display:flex}.pg-sheet .done{color:var(--ink)}.pg-sheet button,.pg-sheet a.pg-button{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s var(--ease-out), background-color .12s ease, opacity .12s ease}.pg-sheet .pg-primary{background:var(--ink);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;height:48px;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.pg-sheet .pg-primary:hover{background:#2b2b2b}}.pg-sheet .pg-primary:active{transition-duration:80ms;transform:scale(.97)}.pg-sheet .pg-primary:disabled{opacity:.4;cursor:default;transform:none}.pg-sheet .pg-text{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration-thickness:1px}@media (hover:hover){.pg-sheet .pg-text:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}.pg-feedback-link{right:max(16px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:20;appearance:none;color:#6e6e6e;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font:400 13px/1.3 Geist,-apple-system,system-ui,sans-serif;-webkit-text-decoration:underline #1113;text-decoration:underline #1113;position:fixed}@media (hover:hover){.pg-feedback-link:hover{color:#111}}body[data-site=make] .pg-where{letter-spacing:-.03em;white-space:nowrap;min-width:0;margin:0;font:600 17px/24px Geist,-apple-system,system-ui,sans-serif;display:flex}body[data-site=make] .pg-where a{color:#111;text-decoration:none}body[data-site=make] .pg-where .pg-handle{text-overflow:ellipsis;color:#6e6e6e;min-width:0;font-weight:500;overflow:hidden}body[data-site=make] .pg-off{letter-spacing:-.006em;color:#6e6e6e;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:0;height:auto;min-height:0;margin:2px 0 0;padding:0;font:400 13px/18px Geist,-apple-system,system-ui,sans-serif;-webkit-text-decoration:underline #1113;text-decoration:underline #1113;display:block}@media (hover:hover){body[data-site=make] .pg-off:hover{color:#111;background:0 0}}.stage.matching>.viewport,.stage.matching>.stage-controls,.stage.matching>.paint{display:none!important}.match{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.mviews{align-items:flex-start;gap:12px;display:flex}.mview{border:1px solid var(--line);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;margin:0;position:relative;overflow:hidden}.mview.active,.mview:focus-visible{border-color:var(--ink)}.mview.over{border-style:dashed;border-color:var(--ink)}.mview.editing{cursor:default}.mview>*{position:absolute;top:0;left:0}.mcanvas{width:100%;height:100%;image-rendering:pixelated}.mview .ref{transform-origin:0 0;pointer-events:none;image-rendering:auto;max-width:none}.mview.difference .ref{mix-blend-mode:difference}.guides{pointer-events:none;inset:0}.guides .line{border-top:1px dashed #11111159;height:0;position:absolute;top:0;left:0;right:0}.handle,.pin{border:1px solid var(--ink);background:var(--bg);pointer-events:none;border-radius:50%;width:11px;height:11px;margin:-6px 0 0 -6px}.handle.chin{border-radius:0}.pins{pointer-events:none;inset:0}.pin{background:var(--ink);position:absolute;top:0;left:0}.editor-layer,.editor-view{pointer-events:none;inset:0}.editor-view{position:absolute}.editor-view *{pointer-events:auto}.mview figcaption{color:var(--muted);border-top:1px solid var(--line);pointer-events:none;background:#ffffffd9;justify-content:space-between;gap:8px;padding:4px 8px;font-size:11px;display:flex;top:auto;bottom:0;right:0}.mview figcaption .name{color:var(--ink);font-weight:500}.mview.active figcaption .hint{color:var(--ink)}.mpanel{flex-direction:column;gap:18px;display:flex}.mref{flex-direction:column;gap:14px;display:flex}.mref>.meta,.mkeys{margin:0}.mrow{flex-wrap:wrap;gap:6px;display:flex}.mperview{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.mkeys{line-height:1.6}.meditor:empty{display:none}.meditor{border-top:1px solid var(--line);padding-top:14px}