:root{--bg:#0f0f0f;--panel:#161616;--line:#262626;--text:#ececec;--muted:#8a8a8a;--accent:#6ec1ff;--accent-line:#6ec1ff;--accent-ink:#06223a;--thread-edge:transparent;--danger:#ff7b72;--ok:#5fd68a;--radius:6px;--hint-line:color-mix(in srgb, var(--text) 22%, transparent);--hint-fill:color-mix(in srgb, var(--text) 2.5%, transparent);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f3f3f3;--panel:#fff;--line:#e2e2e2;--text:#1a1a1a;--muted:#6b6b6b;--accent:#5ab4ff;--accent-line:#1b7fd6;--accent-ink:#06223a;--thread-edge:#e2e2e2;--danger:#c62828;--ok:#1f8f4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f3f3f3;--panel:#fff;--line:#e2e2e2;--text:#1a1a1a;--muted:#6b6b6b;--accent:#5ab4ff;--accent-line:#1b7fd6;--accent-ink:#06223a;--thread-edge:#e2e2e2;--danger:#c62828;--ok:#1f8f4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:2px}hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}p{margin:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.fatal{gap:8px;max-width:480px;margin:0 auto;padding:48px 24px;display:grid}.app{grid-template:"top top"48px"stage card"minmax(0,1fr)"rail rail"/minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.app.none{grid-template-rows:48px minmax(0,1fr);grid-template-areas:"top top""stage stage"}.app.dragging:after{content:"";border:2px solid var(--accent-line);pointer-events:none;z-index:50;position:fixed;inset:0}.stage{grid-area:stage;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.card{border-left:1px solid var(--line);background:var(--panel);grid-area:card;width:320px;overflow-y:auto}.rail{background:var(--panel);border-top:1px solid var(--line);grid-area:rail;padding:0 24px 12px;position:relative}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:40;grid-area:top;align-items:center;gap:24px;padding:0 24px;display:flex;position:relative}.brand{font-size:13px;font-weight:600}.history{min-width:0;max-width:440px;color:var(--muted);white-space:nowrap;flex:1;gap:8px;font-size:12px;display:flex}.history>span{text-overflow:ellipsis;overflow:hidden}.inline-undo{color:var(--text);text-underline-offset:2px;flex:none;text-decoration:underline}.actions{align-items:center;gap:8px;margin-left:auto;display:flex}.progress{background:var(--accent-line);height:2px;transition:width .15s;position:absolute;bottom:-1px;left:0}.btn{border-radius:var(--radius);white-space:nowrap;height:32px;padding:0 12px;font-size:13px}.btn.text{color:var(--text);padding:0 8px}.btn.text:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.btn.outline{border:1px solid var(--line);height:36px;padding:0 16px}.btn.outline:hover{border-color:var(--muted)}.btn.accent{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn.accent:hover:not(:disabled){filter:brightness(1.08)}.btn.block{width:100%;height:36px;display:block}.btn.end{margin:4px 0 0 auto;display:block}.icon-btn{border-radius:var(--radius);place-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:grid}.icon-btn:hover{background:var(--line)}.pill{border:1px solid var(--line);white-space:nowrap;border-radius:14px;height:28px;padding:0 12px;font-size:12px}.pill:hover:not(:disabled){border-color:var(--muted)}.toggle{border-radius:var(--radius);border:1px solid #0000;height:28px;padding:0 8px;font-size:12px}.toggle.on{border-color:var(--text)}.menu{display:inline-block;position:relative}.menu-pop{z-index:70;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-width:220px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:4px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.menu-pop button{text-align:left;border-radius:4px;justify-content:space-between;gap:16px;padding:7px 10px;font-size:12px;display:flex}.menu-pop button:hover:not(:disabled),.menu-pop button:focus-visible{background:var(--line);outline:none}.popover-anchor{position:relative}.popover{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:12px;width:288px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row input[type=range]{flex:1}.seg{border:1px solid var(--line);border-radius:var(--radius);display:flex;overflow:hidden}.seg button{padding:4px 12px;font-size:12px}.seg button.on{background:var(--line)}.scrim{z-index:60;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:12px;width:min(420px,100vw - 32px);max-height:90vh;padding:16px;display:grid;overflow:auto}.dialog header{justify-content:space-between;align-items:center;display:flex}.dialog dl{gap:6px;margin:0;display:grid}.dialog dl div{justify-content:space-between;gap:16px;display:flex}.dialog dt{color:var(--muted);font-size:12px}.dialog dd{text-align:right;margin:0;font-size:12px}.strip{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.strip-scroll{max-width:100%;padding:2px 0;-webkit-mask-image:none;mask-image:none}.strip-scroll[style*="overflow-x: auto"]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.frames{align-items:flex-start;gap:8px;display:flex;position:relative}.frame{cursor:pointer;background:var(--panel);border-radius:2px;outline:2px solid #0000;flex:none;line-height:0;transition:outline-color .12s;position:relative;overflow:hidden}.frame canvas{display:block}.frame:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.frame.echo{outline:2px solid var(--accent-line);outline-offset:0}.add-slot{border:1px dashed var(--hint-line);background:var(--hint-fill);color:var(--muted);border-radius:3px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.add-slot:hover{border-color:var(--text);color:var(--text)}.add-slot .plus{font-size:20px;line-height:1}.add-slot:hover:not(:disabled){border-color:var(--muted);color:var(--text)}.match-wrap{max-width:100%}.thread{width:100%;margin-top:8px;display:flex}.thread .seg{cursor:pointer;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.thread .seg:before{content:"";position:absolute;inset:-8px 0 -14px}.ribbon,.ghost{width:100%;display:flex}.ribbon{outline:1px solid var(--thread-edge);outline-offset:-1px;height:20px}.ghost{outline:1px solid var(--thread-edge);outline-offset:-1px;pointer-events:none;height:6px}.sw{transition:background-color .24s ease-out,flex-grow .24s ease-out;display:block}.ghost .sw{transition:none}.notch{border:3px solid #0000;border-bottom:5px solid var(--text);border-top:0;width:0;height:0;margin-left:-3px;position:absolute;top:-8px;left:50%}.underline{background:var(--text);height:2px;position:absolute;bottom:-6px;left:0;right:0}.thread .seg:focus-visible{outline-offset:4px}.stripe{outline:1px solid var(--thread-edge);outline-offset:-1px;width:100%;height:4px;display:flex}.stripe-seg{flex:1 1 0;min-width:0;display:flex}.match-row{flex-wrap:wrap;align-items:center;gap:16px;width:100%;min-height:32px;display:flex}.match-slider{grid-template-columns:1fr auto;align-items:center;width:240px}.match-slider .slider-label{display:none}.match-slider input[type=range]{grid-area:1/1}.match-slider .slider-value{grid-area:1/2;width:3ch}.hint{color:var(--muted);text-align:right;max-width:38ch;margin-left:auto;font-size:12px}.note-inline{font-size:12px}.focus{flex-direction:column;gap:16px;width:100%;height:100%;min-height:0;padding:24px;display:flex}.fade{animation:.12s ease-out fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.pill.back{flex:none;align-self:flex-start}.focus-top-l{align-items:center;gap:8px;display:flex}.focus-stage{flex:none;justify-content:center;align-items:flex-start;display:flex;position:relative}.pane{flex-direction:column;flex:none;display:flex;position:relative}.pane-label{flex:none;align-items:center;display:flex}.pane-label.on{color:var(--accent-line)}.pane-mid{flex:none;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.pane-mid:before{content:"";background:var(--line);width:1px;position:absolute;top:24px;bottom:0;left:50%}.link-btn{border:1px solid var(--line);background:var(--bg);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative}.link-btn:hover{color:var(--text);border-color:var(--muted)}.link-btn.on{color:var(--accent-line);border-color:var(--accent-line)}.pill.cmp-toggle{align-items:center;gap:8px;display:inline-flex}.pill.cmp-toggle.on{color:var(--accent-line);border-color:var(--accent-line)}.deck{flex:none;position:relative;overflow:hidden}.deck .deck-vp{touch-action:pan-y;position:absolute;inset:0}.deck.multi .deck-vp:not([data-zoomed]){cursor:grab}.deck[data-dragging] .deck-vp{cursor:grabbing}.deck-track{will-change:transform;position:absolute;inset:0}.deck-cell{will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;top:0}.deck-cell[data-role=prev],.deck-cell[data-role=next]{opacity:.6;pointer-events:none;transform:scale(.94)}.focus-photo{outline-offset:-2px;border-radius:2px;outline:2px solid #0000;flex:none;line-height:0;transition:outline-color .12s;overflow:hidden}.focus-photo.echo{outline-color:var(--accent-line)}.focus-photo canvas{display:block}.peek{background:var(--bg);box-shadow:0 0 0 2px var(--bg);opacity:0;pointer-events:none;z-index:4;border-radius:2px;justify-content:center;align-items:center;transition:opacity .12s ease-out;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.peek.on{opacity:1}.peek-frame{border-radius:2px;line-height:0;display:block;overflow:hidden}.peek-frame canvas{display:block}.peek-label{background:color-mix(in srgb, var(--bg) 78%, transparent);border-radius:3px;padding:2px 6px;position:absolute;bottom:8px;left:8px}.compare-drop{border:1px dashed var(--accent-line);border-radius:var(--radius);background:color-mix(in srgb, var(--accent-line) 8%, transparent);z-index:6;place-items:center;width:50%;display:grid;position:absolute;top:0;bottom:0;left:0}.compare-drop .eyebrow{color:var(--accent-line)}.seg-thumb{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:0 4px;display:flex;position:relative}.seg-thumb .ph{outline:1px solid var(--thread-edge);opacity:.78;border-radius:2px;line-height:0;transition:opacity .12s,outline-color .12s;display:block;overflow:hidden}.seg-thumb .ph canvas{display:block}.thread .seg:hover .seg-thumb .ph{opacity:1}.thread .seg.active .seg-thumb .ph{opacity:1;outline:2px solid var(--text);outline-offset:-2px}.cmp-dot{border:1.5px solid var(--accent-line);background:var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:9px}.thread .seg[draggable=true]{-webkit-user-drag:element}.focus-thread{flex-direction:column;flex:none;gap:14px;display:flex}.focus-thread .thread{justify-content:center}.photo-card{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.card-head{align-items:center;gap:8px;height:56px;display:flex}.card-title{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.card-title strong{font-size:13px;font-weight:600}.thumb{background:var(--line);border-radius:2px;flex:none;place-items:center;display:grid;overflow:hidden}.thumb canvas{flex:none;display:block}.group{flex-direction:column;display:flex}.group-head{justify-content:space-between;align-items:center;width:100%;height:28px;display:flex}.group-head:hover{color:var(--text)}.group-body{flex-direction:column;padding-bottom:8px;display:flex}.slider{grid-template-columns:1fr auto;align-items:center;column-gap:8px;min-height:32px;display:grid}.slider-label{font-size:12px}.slider-value{text-align:right;font-size:12px}.slider[data-zero] .slider-value{color:var(--muted)}input[type=range]{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--line) 0, var(--line) var(--a,0%), var(--text) var(--a,0%), var(--text) var(--b,0%), var(--line) var(--b,0%), var(--line) 100%);border-radius:0;height:2px}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-moz-range-progress{background:var(--text);height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:12px;height:12px}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-line)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-line)}input[type=range]:disabled{opacity:.4;cursor:default}.look{flex-direction:column;display:flex}.look-head{justify-content:space-between;align-items:center;height:40px;display:flex}.look-actions{align-items:center;gap:4px;display:flex}.look-actions .btn.text{height:28px;margin-right:-8px;font-size:12px}.chips-row{align-items:flex-start;gap:12px;margin-top:8px;display:flex}.chips{scrollbar-width:thin;flex:1;align-items:flex-start;gap:12px;min-width:0;margin:-2px;padding:2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);border-radius:var(--radius);flex:none;width:144px;height:80px;position:relative;overflow:hidden}.chip.sel{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.chip-main{text-align:left;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%;display:flex}.chip-main:focus-visible{outline-offset:-2px}.chip-thumb{background:var(--line);outline:1px solid var(--thread-edge);outline-offset:-1px;height:48px;display:block}.chip-thumb img{object-fit:cover;width:100%;height:100%;display:block}.chip-name{font-size:12px;line-height:32px;position:absolute;top:48px;left:8px}.chip-strength{pointer-events:none;position:absolute;inset:0}.chip-strength .mono{font-size:12px;line-height:32px;position:absolute;top:48px;right:8px}.chip-strength input{pointer-events:auto;--a:0%;width:100%;height:16px;position:absolute;top:41px;left:0;right:0}.fine-toggle{border-radius:var(--radius);height:28px;color:var(--text);white-space:nowrap;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.fine-toggle:hover{background:var(--line)}.fine-toggle.on{color:var(--accent-line);background:color-mix(in srgb, var(--accent-line) 14%, transparent)}.look-main{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.look-left{flex-direction:column;min-width:0;display:flex}.fine-dock{border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 24px;width:400px;margin-left:24px;padding:5px 0 0 24px;animation:.16s ease-out fine-in;display:grid}.fine-dock .slider{min-height:28px}@keyframes fine-in{0%{opacity:0;transform:translate(12px)}}@media (prefers-reduced-motion:reduce){.fine-dock{animation:none}}@media (width<=1080px){.fine-dock{gap:0 16px;width:340px;margin-left:16px;padding-left:16px}}@media (width<=900px){.look-main{grid-template-columns:minmax(0,1fr)}.fine-dock{border-left:0;border-top:1px solid var(--line);width:auto;margin:12px 0 0;padding:12px 0 0}}.fine{grid-template-columns:repeat(2,minmax(0,440px));gap:0 24px;margin-top:12px;display:grid}.fine-col{flex-direction:column;padding-bottom:8px;display:flex}.fine-col>.eyebrow{align-items:center;height:28px;display:flex}.fine .slider{min-height:28px}.empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.empty-frames{gap:8px;display:flex}.empty-frames span{aspect-ratio:4/5;border:1px dashed var(--hint-line);background:var(--hint-fill);border-radius:3px;width:clamp(40px,13vw,96px)}.empty-title{margin-top:8px;font-size:15px;font-weight:600}.app.mobile{height:auto;min-height:100%;display:block}.mobile .topbar{gap:8px;padding:0 16px;position:sticky;top:0}.mobile .history{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mobile .hide-m{display:none}.mobile .actions{gap:0}.mobile .icon-btn{width:32px;height:44px}.mobile .btn.text{height:44px;padding:0 8px}.mobile .btn.accent{height:32px;margin-left:4px}.mobile .popover{width:auto;position:fixed;top:56px;left:16px;right:16px}.m-main{flex-direction:column;gap:8px;padding:8px 16px 96px;display:flex}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 24px;scroll-padding:0 24px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.car-item{scroll-snap-align:center;flex:none;justify-content:center;align-items:center;height:360px;display:flex}.car-add{scroll-snap-align:center;width:160px}.mobile .thread{margin-top:8px}.mobile .thread .seg:before{top:-12px;bottom:-14px}.mobile .match-row{flex-direction:column;align-items:stretch;gap:8px;min-height:0}.mobile .match-row .eyebrow{display:none}.mobile .match-slider{width:100%;min-height:44px}.mobile .match-slider:before{content:"MATCH";font-family:var(--mono);letter-spacing:.08em;color:var(--muted);grid-area:1/1;font-size:11px}.mobile .match-slider .slider-value{grid-area:1/2}.mobile .match-slider input[type=range]{grid-area:2/1/auto/-1}.mobile .pill{border-radius:18px;align-self:flex-start;height:36px}.mobile .hint{text-align:left;max-width:none;margin:0}.m-note{min-height:20px}.mobile .slider{min-height:44px}.mobile .slider input{height:24px}.mobile .btn.block,.mobile .group-head{height:44px}.mobile .photo-card{padding:0}.look-bar{z-index:10;background:var(--panel);border-top:1px solid var(--line);height:calc(56px + env(safe-area-inset-bottom));padding:4px 16px env(safe-area-inset-bottom);text-align:left;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.look-bar .stripe{position:absolute;top:0;left:0;right:0}.look-bar-value{font-size:13px}.look-bar .chev{margin-left:auto;font-size:16px}.look-sheet{z-index:20;background:var(--bg);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;animation:.2s ease-out rise;display:flex;position:fixed;inset:48px 0 0;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.mini{flex-direction:column;gap:8px;padding:8px 16px;display:flex}.mini-frames{display:flex}.sheet-body{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;flex:1;gap:16px;padding:8px 16px 24px;display:flex}.mobile .chips{grid-template-columns:repeat(3,1fr);gap:11px;display:grid;overflow:visible}.mobile .chip{width:auto;height:80px}.mobile .fine{grid-template-columns:1fr}.mobile .stripe{margin-top:0}@media (width>=768px) and (width<=1199px){.chip{width:120px}.chip-thumb{height:40px}.chip-name,.chip-strength .mono{top:40px}.chip-strength input{top:33px}.chip{height:72px}.fine{grid-template-columns:repeat(2,minmax(0,400px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.sw{transition-duration:.12s!important}}.frames.sortable .frame{cursor:grab;touch-action:pan-x}.frame.dragging{z-index:4;cursor:grabbing;opacity:.88;outline:2px solid var(--text);outline-offset:0;transition:none}.frames.is-dragging .frame:not(.dragging){cursor:grabbing}.drop-line{background:var(--accent-line);z-index:5;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0}.zoom-vp{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.zoom-vp[data-zoomed]{touch-action:none;cursor:grab}.zoom-vp[data-panning]{cursor:grabbing}.zoom-vp [data-zoom-content]{z-index:2;will-change:transform;position:relative}.focus-top{flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.zoom-slider{grid-template-columns:auto 1fr auto;column-gap:12px;width:220px}.zoom-slider .slider-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-area:1/1;font-size:11px}.zoom-slider input[type=range]{grid-area:1/2}.zoom-slider .slider-value{grid-area:1/3;min-width:4ch}.mobile .zoom-slider{width:100%}.strip-zoom-slider{z-index:5;position:absolute;top:12px;right:24px}.strip.zoom-vp{position:absolute}.rail.sized{overflow-y:auto}.rail.sized .chips{flex-wrap:wrap;overflow:visible}.rail-handle{z-index:4;cursor:ns-resize;touch-action:none;justify-content:center;align-items:flex-start;height:14px;margin:0 -24px -14px;display:flex;position:sticky;top:0}.rail-handle .grip{background:var(--line);border-radius:2px;width:44px;height:3px;margin-top:4px;transition:background .12s}.rail-handle:hover .grip,.rail-handle:focus-visible .grip{background:var(--muted)}.rail-handle:focus-visible{outline-offset:-2px}.strip-zoom-slider{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2px 10px}.strip[data-zoomed] .match-wrap{opacity:0;pointer-events:none}.topbar{-webkit-user-select:none;user-select:none}.link-qr{place-items:center;gap:4px;padding:8px 0;display:grid}.phone{box-sizing:border-box;max-width:420px;min-height:100dvh;padding:max(48px, 14dvh) 16px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:flex-start;gap:16px;margin:0 auto;display:flex}.phone h1{margin:0}.phone-inbox{border-top:1px solid var(--line);gap:12px;padding-top:8px;display:grid}.error{color:var(--danger)}.link-pill{border:1px solid var(--line);white-space:nowrap;height:28px;color:var(--text);background:0 0;border-radius:14px;justify-content:center;align-self:center;align-items:center;gap:8px;margin:0;padding:0 12px;font-size:12px;display:inline-flex}button.link-pill:hover{border-color:var(--muted)}.link-pill .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.link-pill.ok .dot{background:var(--ok)}.link-pill.bad{border-color:var(--danger)}.link-pill.bad .dot{background:var(--danger)}.link-pill.idle .dot{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.link-pill.idle .dot{animation:none}}.state-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;gap:8px;padding:12px;display:grid}.state-card.bad{border-color:var(--danger)}.state-card p{margin:0}.mobile .actions .link-pill span:last-child{display:none}.support{border:1px solid var(--line);height:28px;color:var(--muted);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-size:12px;text-decoration:none;display:inline-flex}.support:hover{color:var(--text);border-color:var(--muted)}.support span[aria-hidden]{color:var(--danger)}.mobile .support{padding:0 10px}.mobile .support-label{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app.none .stage{overscroll-behavior:contain;display:block;overflow-y:auto}.empty-page{width:100%}.empty-page>.empty{justify-content:center;min-height:calc(100dvh - 48px);position:relative}.empty-more{color:var(--muted);white-space:nowrap;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.empty-more:hover{color:var(--text)}.about{text-align:left;gap:72px;max-width:960px;margin:0 auto;padding:72px 24px 120px;scroll-margin-top:56px;display:grid}.about-hero{gap:20px;display:grid}.about h1{gap:14px;margin:0;font-weight:650;display:grid}.about h1 .rest{text-wrap:balance;letter-spacing:-.025em;max-width:14em;font-size:clamp(30px,6vw,52px);line-height:1.06;display:block}.about h1 .rest:first-letter{text-transform:uppercase}.about .lede{max-width:34em;color:var(--muted);font-size:16px;line-height:1.55}.demo{gap:14px;margin-top:12px;display:grid}.demo-frames{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.demo-frame{aspect-ratio:4/5;border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden}.demo-frame .layer{transition:opacity .9s;position:absolute;inset:0}.demo-frame .layer.on-matched{opacity:0}.demo-frames[data-matched=true] .on-matched{opacity:1}.demo-frame:before{content:"";z-index:1;background:radial-gradient(circle at var(--sx) var(--sy), #ffffff8c 0 7%, #fff0 8%), linear-gradient(to top, #00000052 0 22%, #0000 23%);position:absolute;inset:0}.demo-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.about-section{border-top:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:16px 48px;padding-top:20px;display:grid}.about-section>h2{align-self:start;margin:0;position:sticky;top:16px}.rows{counter-reset:row;margin:0;padding:0;list-style:none}.rows li{counter-increment:row;border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:32px minmax(0,230px) minmax(0,1fr);gap:4px 16px;padding:14px 0;font-size:14px;line-height:1.5;display:grid}.rows li:first-child{padding-top:0}.rows li:before{content:counter(row, decimal-leading-zero);font-family:var(--mono);color:var(--muted);padding-top:2px;font-size:11px}.rows li strong{color:var(--text);font-weight:600}.looks{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.looks li{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:13px;display:inline-flex}.looks .sw{border:1px solid #80808059;border-radius:50%;width:14px;height:14px}.faq{display:grid}.faq>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:4px 16px;padding:14px 0;display:grid}.faq>div:first-child{padding-top:0}.faq h3{margin:0;font-size:14px;font-weight:600}.faq p{color:var(--muted);font-size:14px;line-height:1.5}.about-end{border-top:1px solid var(--line);align-items:center;gap:16px;padding-top:32px;display:flex}@media (width<=767px){.about{gap:56px;padding:48px 16px 96px}.about-section{grid-template-columns:1fr;gap:12px}.about-section>h2{position:static}.rows li{grid-template-columns:28px minmax(0,1fr)}.rows li strong,.rows li span{grid-column:2}.faq>div{grid-template-columns:1fr}.demo-frames{gap:6px}}@media (prefers-reduced-motion:reduce){.demo-frame .layer{transition:none}}.seo{gap:12px;max-width:640px;margin:0 auto;padding:48px 24px;line-height:1.5;display:grid}.seo h1{margin:0;font-size:22px;line-height:1.25}.seo h2{margin:16px 0 0;font-size:15px}.seo h3{margin:8px 0 0;font-size:13px}.seo ul{gap:6px;margin:0;padding-left:18px;display:grid}.seo p,.seo li{color:var(--muted)}.seo strong{color:var(--text)}.tip-wrap{display:contents}.tip{z-index:90;pointer-events:none;background:var(--panel);width:max-content;max-width:248px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);text-align:left;gap:3px;padding:8px 10px;font-size:12px;line-height:1.4;animation:.12s ease-out tip-in;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 6px 22px #00000059}.tip[data-below=false]{transform:translate(-50%,-100%)}.tip-head{align-items:center;gap:8px;display:flex}.tip-head strong{font-weight:600}.tip-head kbd{font:500 10px/16px var(--mono);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:3px;margin-left:auto;padding:0 5px}.tip-hint{color:var(--muted)}@keyframes tip-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.tip{animation:none}}.immersive{z-index:80;background:var(--bg);display:flex;position:fixed;inset:0}.immersive[data-idle]{cursor:none}.im-stage{box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.im-chrome{z-index:5;align-items:center;gap:12px;transition:opacity .24s;display:flex;position:absolute}.im-top{justify-content:space-between;top:14px;left:20px;right:20px}.im-top .im-exit,.im-top .zoom-slider{flex:none}.im-top .cmp-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.im-bottom{bottom:14px;left:50%;transform:translate(-50%)}.im-count{justify-content:center;align-items:center;padding:0 14px;line-height:1;display:inline-flex}.immersive[data-idle] .im-chrome{opacity:0;pointer-events:none}.immersive .pill,.im-top .zoom-slider{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.im-top .zoom-slider{border:1px solid var(--line);border-radius:14px;align-items:center;height:28px;padding:0 14px}.pill.fs-toggle{justify-content:center;align-items:center;padding:0 10px;display:inline-flex}@media (prefers-reduced-motion:reduce){.im-chrome{transition:none}}.ico{flex:none}.tool{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn.block.tool{display:flex}.btn.end.tool{width:fit-content;display:flex}.btn.text.icon-only{width:32px;padding:0}.btn.tool .ico,.toggle.tool .ico{opacity:.85}.slider-label{align-items:center;gap:8px;display:inline-flex}.slider-label .ico{color:var(--muted);transition:color .12s}.slider:hover .slider-label .ico,.slider:focus-within .slider-label .ico{color:var(--text)}.group-title{align-items:center;gap:8px;display:inline-flex}.group-title .ico{opacity:.8}.slider[data-track] input[type=range]::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:4px}.slider[data-track] input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--panel);margin-top:-4px}.slider[data-track] input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent-line)}.slider[data-track] input[type=range]::-moz-range-track{background:var(--track);border-radius:2px;height:4px}.slider[data-track] input[type=range]::-moz-range-progress{background:0 0}.slider[data-track] input[type=range]::-moz-range-thumb{box-shadow:0 0 0 2px var(--panel)}.gh{width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.gh:hover{color:var(--text);background:var(--line)}.meta-row{justify-content:flex-start;gap:10px}.meta-row .eyebrow{flex:none;width:72px}.meta-text{white-space:nowrap}.meta-row input{flex:none;margin:0}.meta-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.privacy{color:var(--muted);text-align:left;align-items:flex-start;gap:8px;margin:0;display:flex}.privacy svg{flex:none;margin-top:2px}.privacy strong{color:var(--text);font-weight:600}.phone .privacy{margin-top:auto;padding-top:16px}.xfer{border:1px solid var(--line);border-radius:var(--radius);text-align:center;justify-items:center;gap:6px;padding:16px 14px 14px;display:grid}.xfer-scene{align-items:center;gap:10px;width:100%;max-width:260px;margin-bottom:6px;display:flex}.xfer-dev{width:36px;height:36px;color:var(--muted);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;transition:color .2s,border-color .2s,background .2s;display:grid}.xfer[data-state=active] .xfer-dev.to{color:var(--accent-line);border-color:var(--accent-line);animation:1.6s ease-out infinite xfer-ring}.xfer[data-state=done] .xfer-dev.to{color:var(--ok);border-color:var(--ok);animation:.36s cubic-bezier(.32,.72,0,1) xfer-pop}.xfer-lane{flex:1;height:36px;position:relative;overflow:hidden}.xfer-lane:before{content:"";border-top:1px dashed var(--line);position:absolute;top:50%;left:0;right:0}.xfer-card{background:var(--accent);opacity:0;width:12px;height:9px;animation:1.8s cubic-bezier(.45,0,.55,1) infinite xfer-fly;animation-delay:calc(var(--i) * .6s);border-radius:2px;margin-top:-5px;position:absolute;top:50%;left:0}.xfer[data-state=done] .xfer-card{animation:none}.xfer-title{font-size:13px;font-weight:600}.xfer-detail{font-variant-numeric:tabular-nums;min-height:1.4em}.xfer-bar{background:var(--line);border-radius:1px;width:100%;max-width:260px;height:2px;margin-top:6px;overflow:hidden}.xfer-bar i{background:var(--accent);height:100%;transition:width .2s linear;display:block}.xfer[data-state=done] .xfer-bar i{background:var(--ok);transition:width .3s ease-out}.xfer-toast{z-index:70;background:var(--panel);border-radius:var(--radius);width:min(300px,100vw - 32px);animation:.26s cubic-bezier(.32,.72,0,1) xfer-in;position:fixed;top:56px;right:16px;box-shadow:0 8px 28px #00000059}@keyframes xfer-fly{0%{opacity:0;left:0;transform:scale(.5)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;left:100%;transform:translate(-100%)scale(.5)}}@keyframes xfer-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}to{box-shadow:0 0 0 10px #0000}}@keyframes xfer-pop{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes xfer-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.xfer-card,.xfer-dev,.xfer-toast{animation:none!important}.xfer-card{opacity:1;left:45%}}.donate{text-align:center;justify-items:center;gap:10px;padding:24px 20px 14px}.donate p{max-width:32ch;margin:0}.donate-mark{color:var(--danger);font-size:20px;line-height:1}.donate .btn.accent{justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}.donate .muted-ink{opacity:.7;font-weight:400}.donate-end{justify-content:center;gap:4px;display:flex}.donate-end .btn{color:var(--muted);font-size:12px}.phones{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;display:grid}.phones li{align-items:center;gap:10px;min-height:40px;padding:0 6px 0 12px;display:flex}.phones li+li{border-top:1px solid var(--line)}.phones .dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.phones .dot.ok{background:var(--ok)}.phones .dot.bad{background:var(--danger)}.phone-name{font-size:13px;font-weight:600}.phone-state{font-variant-numeric:tabular-nums;flex:1;min-width:0}.phones li[data-state=lost] .phone-name{color:var(--muted)}.phone-pick{cursor:pointer;place-items:center;width:28px;height:28px;display:grid}.phone-pick input{margin:0}.phones .btn.text{color:var(--muted);padding:0 8px}.phones .btn.text:hover{color:var(--text)}.xfer-toast{box-shadow:none;background:0 0;gap:8px;display:grid}.xfer-toast .xfer{background:var(--panel);box-shadow:0 8px 28px #00000059}.popover.story-pop{overscroll-behavior:contain;width:380px;max-height:calc(100vh - 72px);overflow:auto}.export-tabs{width:100%}.export-tabs button{flex:1;justify-content:center;padding:6px 12px}.story{gap:12px;min-width:0;display:grid}.story-top{align-items:flex-start;gap:14px;display:flex}.story-previewcol{flex:none;justify-items:center;gap:6px;display:grid}.story-stage{outline:1px solid var(--line);outline-offset:0;-webkit-user-select:none;user-select:none;background:#000;border-radius:4px;flex:none;position:relative;overflow:hidden}.story-stage:focus-visible{outline:2px solid var(--accent-line)}.story-stage canvas{display:block;position:absolute;inset:0}.story-safe{pointer-events:none;background:#ffffff14;position:absolute;left:0;right:0}.story-safe.top{border-bottom:1px dashed #ffffff8c;top:0}.story-safe.bottom{border-top:1px dashed #ffffff8c;bottom:0}.story-cell{box-sizing:border-box;cursor:grab;touch-action:none;position:absolute}.story-cell:active{cursor:grabbing}.story-cell[data-empty]{cursor:pointer;outline-offset:-1px;background:#ffffff0f;outline:1px dashed #ffffff73}.story-cell[data-selected]{outline:2px solid var(--accent-line);outline-offset:-2px}.story-cell[data-over]{outline:2px dashed var(--accent-line);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 18%, transparent)}.story-num{color:#fff;min-width:16px;height:16px;font:600 10px/1 var(--mono);pointer-events:none;opacity:0;background:#0000008c;border-radius:8px;place-items:center;padding:0 4px;transition:opacity .12s;display:grid;position:absolute;top:4px;left:4px}.story-cell[data-selected] .story-num,.story-cell[data-empty] .story-num,.story-stage:hover .story-num{opacity:1}.story-plus{color:#ffffffbf;pointer-events:none;place-items:center;font-size:22px;font-weight:300;display:grid;position:absolute;inset:0}.story-grip,.story-x{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute}.story-x{top:4px;right:4px}.story-grip{cursor:grab;bottom:4px;left:4px}.story-grip:hover,.story-x:hover{background:#000c}.story-side{flex:1;align-content:start;gap:8px;min-width:0;display:grid}.story-layouts{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.story-layout{border:1px solid var(--line);height:46px;color:var(--muted);border-radius:6px;place-items:center;transition:color .12s,border-color .12s,background .12s;display:grid;position:relative}.story-layout:hover{color:var(--text);border-color:var(--muted)}.story-layout[aria-checked=true]{color:var(--text);border-color:var(--accent-line);background:color-mix(in srgb, var(--accent) 14%, transparent)}.story-layout[data-fits]:after{content:"";background:var(--accent-line);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.story-note{min-height:2.8em;margin:0}.story[data-variant=large] .story-note{min-height:1.4em}.story-arrange{display:flex}.story-arrange .btn{padding:0 6px}.story-tray{flex-wrap:wrap;gap:6px;display:flex}.story-thumb{opacity:.4;outline:1px solid var(--line);border-radius:4px;padding:0;line-height:0;transition:opacity .12s;position:relative;overflow:hidden}.story-thumb canvas{display:block}.story-thumb:hover{opacity:.85}.story-thumb[data-used]{opacity:1}.story-tray[data-wants] .story-thumb:not([data-used]){animation:1.6s ease-in-out infinite story-pulse}.story-badge{background:var(--accent);min-width:14px;height:14px;color:var(--accent-ink);font:700 10px/1 var(--mono);border-radius:7px;place-items:center;padding:0 3px;display:grid;position:absolute;bottom:3px;left:3px}@keyframes story-pulse{0%,to{opacity:.4}50%{opacity:.95}}.story-controls{gap:8px;display:grid}.swatches{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.swatch{border:1px solid color-mix(in srgb, var(--text) 25%, transparent);border-radius:50%;width:20px;height:20px;padding:0}.swatch[aria-checked=true]{outline:2px solid var(--accent-line);outline-offset:2px}.swatch.blur{background:linear-gradient(135deg,#5d6f99,#c49a7a)}.btn.small{height:24px;font-size:12px}.story-expand{color:var(--muted)}@media (prefers-reduced-motion:reduce){.story-tray[data-wants] .story-thumb{animation:none!important}}.story-scrim{z-index:75}.story-sheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:12px;width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;display:grid;overflow:auto}.story-sheet>header{justify-content:space-between;align-items:center;display:flex}.story[data-variant=large]{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 28px}.story[data-variant=large] .story-top{display:contents}.story[data-variant=large] .story-previewcol{grid-area:1/1/span 12;position:sticky;top:0}.story[data-variant=large]>:not(.story-top),.story[data-variant=large] .story-side{grid-column:2}.story[data-variant=large] .story-layouts{gap:6px}.story[data-variant=large] .story-layout{height:58px}@media (width<=767px){.story-sheet{width:100vw;height:100dvh;max-height:none;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:0}.story[data-variant=large]{grid-template-columns:minmax(0,1fr)}.story[data-variant=large] .story-previewcol{grid-area:auto/1;position:static}.story[data-variant=large]>:not(.story-top),.story[data-variant=large] .story-side{grid-column:1}.story[data-variant=large] .story-layout{height:52px}.story-thumb{opacity:.5}}.privacy-lead{margin:0;font-size:16px;font-weight:600}.privacy-points{gap:12px;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.privacy-points strong{font-weight:600}.about-foot{justify-items:center;gap:4px;padding:8px 0 28px;display:grid}.about-foot nav{flex-wrap:wrap;justify-content:center;gap:4px 8px;display:flex}.about-foot .btn{color:var(--muted);font-size:12px}.about-foot p{margin:0}.legal-dialog{gap:14px;width:min(560px,100vw - 32px);padding:20px}.legal-nav{flex-wrap:wrap;gap:2px 4px;margin:-6px -8px 0;display:flex}.legal-nav .btn{color:var(--muted);font-size:12px}.legal-nav .btn[aria-current]{color:var(--text);text-underline-offset:4px;text-decoration:underline}.legal-contact{margin:0}.legal-contact a,.licenses a{color:var(--text)}.licenses{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.licenses li{border-bottom:1px solid var(--line)}.licenses summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:13px;list-style:none;display:flex}.licenses summary::-webkit-details-marker{display:none}.licenses summary:hover .lic-name{text-underline-offset:3px;text-decoration:underline}.licenses details[open]>summary{padding-bottom:4px}.licenses details p{margin:0 0 8px}.lic-text{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);max-height:220px;font:11px/1.5 var(--mono);white-space:pre-wrap;color:var(--muted);margin:0 0 10px;padding:10px;overflow:auto}