:root{--hue: 285;--c: .014;--surface-0: oklch(.16 var(--c) var(--hue) / .94);--surface-1: oklch(.225 var(--c) var(--hue));--surface-2: oklch(.275 var(--c) var(--hue));--line: oklch(.36 var(--c) var(--hue));--line-soft: oklch(.29 var(--c) var(--hue));--text: oklch(.97 .004 var(--hue));--text-2: oklch(.8 .008 var(--hue));--text-3: oklch(.66 .01 var(--hue));--accent: oklch(.83 .155 78);--accent-hi: oklch(.88 .145 82);--accent-dim: oklch(.83 .155 78 / .14);--accent-ink: oklch(.23 .06 74);--pass: oklch(.82 .16 152);--near: oklch(.85 .15 88);--fail: oklch(.72 .16 25);--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.3125rem;--t-xl: 1.75rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-full: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--fast: .16s;--mid: .24s;--slow: .42s;--deck-in: .4s;--deck-out: .26s;--spine-w: 60px;--shadow: 0 2px 6px oklch(0 0 0 / .3), 0 18px 44px oklch(0 0 0 / .44);--icon-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4.5 13.2h6L11 22l8.5-11.2h-6L13 2z'/%3E%3C/svg%3E");--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9.5 12 15l6-5.5' fill='none' stroke='%23948f9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{--tile-size: 1024px;--tile-x: 0px;--tile-y: 0px;min-height:100vh;min-height:100dvh;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,sans-serif;font-size:var(--t-base);color:var(--text);background-color:oklch(.13 var(--c) var(--hue));-webkit-font-smoothing:antialiased;overflow:hidden}.sprite{position:absolute;width:0;height:0}.hidden{display:none!important}:where(button,a,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;background-size:var(--tile-size);background-position:calc(50% + var(--tile-x)) calc(50% + var(--tile-y));background-repeat:repeat;transition:opacity .6s ease,background-size .35s var(--ease),background-position .35s var(--ease)}body.canvas-dragging .bg-layer{transition:opacity .6s ease}#bg-a{opacity:1}.scrim{position:fixed;left:0;right:0;z-index:1;pointer-events:none;transition:opacity var(--mid) var(--ease)}.scrim-top{top:0;height:18vh;background:linear-gradient(to bottom,oklch(.13 var(--c) var(--hue) / .22),transparent)}.scrim-bottom{bottom:0;height:26vh;background:linear-gradient(to top,oklch(.13 var(--c) var(--hue) / .26),transparent)}.stage{position:fixed;inset:0;z-index:2;cursor:grab;touch-action:none}body.canvas-dragging .stage{cursor:grabbing}.topbar{position:fixed;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--s4);padding:var(--s4) var(--s5);padding-top:calc(var(--s4) + env(safe-area-inset-top,0px));pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-md);font-weight:620;letter-spacing:-.015em;text-shadow:0 1px 12px oklch(0 0 0 / .6)}.wordmark .mark{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--t-md);font-weight:700;line-height:1}.account-wrap{position:relative}.chip{display:inline-flex;align-items:center;gap:var(--s2);height:34px;padding:0 var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-full);background:var(--surface-0);color:var(--text-2);font:inherit;font-size:var(--t-sm);cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.chip:hover{background:var(--surface-1);border-color:var(--line);color:var(--text)}.chip .who{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip .chip-rule{width:1px;height:15px;background:var(--line-soft)}.chip .chip-rule:last-of-type{display:none}.chip .spark{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.chip .spark:empty{display:none}.chip .spark[data-token=spark]:before{content:"";width:11px;height:11px;background:currentColor;-webkit-mask:var(--icon-bolt) center / contain no-repeat;mask:var(--icon-bolt) center / contain no-repeat}.chip .unlimited-badge{color:var(--accent);font-weight:600}.chip-chevron{color:var(--text-3);transition:rotate var(--fast) var(--ease)}.chip[aria-expanded=true] .chip-chevron{rotate:180deg}.menu{position:absolute;top:calc(100% + var(--s2));right:0;z-index:8;width:224px;padding:var(--s2);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-0);box-shadow:var(--shadow);display:grid;gap:2px}.menu-item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);border:0;border-radius:var(--r-sm);background:none;color:var(--text-2);font:inherit;font-size:var(--t-sm);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.menu-item:hover{background:var(--surface-2);color:var(--text)}.menu-item.lead{color:var(--accent)}.menu-item.lead:hover{background:var(--accent-dim)}.menu-rule{height:1px;margin:var(--s1) var(--s2);background:var(--line-soft)}.pay{display:grid;gap:2px}.pay-label{padding:var(--s1) var(--s3) 3px;font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.pay-opt{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);border:0;border-radius:var(--r-sm);background:none;color:var(--text-2);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.pay-opt:hover{background:var(--surface-2);color:var(--text)}.pay-name{flex:1}.pay-bal{font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--text-3)}.pay-bal:empty{display:none}.pay-check{flex:none;opacity:0;color:var(--accent);transition:opacity var(--fast) var(--ease)}.pay-opt[aria-checked=true]{color:var(--text)}.pay-opt[aria-checked=true] .pay-name{font-weight:600}.pay-opt[aria-checked=true] .pay-bal{color:var(--accent)}.pay-opt[aria-checked=true] .pay-check{opacity:1}.hero{position:fixed;z-index:4;left:50%;top:42%;translate:-50% -50%;width:min(620px,calc(100vw - var(--s6)));text-align:center;transition:opacity var(--slow) var(--ease),visibility 0s linear var(--slow);pointer-events:none}.hero button{pointer-events:auto}body[data-phase=working] .hero button,body.studio-seen .hero button{pointer-events:none}.hero:before{content:"";position:absolute;inset:-40% -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,oklch(.12 .01 var(--hue) / .3) 0%,oklch(.12 .01 var(--hue) / .13) 42%,transparent 64%)}.hero h1{font-size:var(--t-xl);font-weight:640;letter-spacing:-.022em;line-height:1.2;text-shadow:0 1px 3px oklch(0 0 0 / .7),0 2px 16px oklch(0 0 0 / .55)}.hero .tagline{margin-top:var(--s3);font-size:var(--t-md);color:var(--text-2);text-shadow:0 1px 2px oklch(0 0 0 / .65),0 2px 12px oklch(0 0 0 / .5)}.login{margin-top:var(--s5);display:grid;gap:var(--s3);justify-items:center}.login-actions{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}body[data-phase=working] .hero{opacity:0;pointer-events:none}body.studio-seen .hero{opacity:0;visibility:hidden;pointer-events:none}.rail{position:fixed;z-index:6;right:var(--s5);top:50%;translate:0 -50%;display:grid;gap:var(--s1);justify-items:center;padding:var(--s2) 6px;border:1px solid var(--line-soft);border-radius:var(--r-full);background:var(--surface-0);box-shadow:var(--shadow)}.rail-btn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-full);background:none;color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.upscale-dock{position:fixed;z-index:6;right:var(--s5);bottom:calc(var(--s5) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;align-items:center;gap:var(--s1);padding:var(--s2) 6px;border:1px solid var(--line-soft);border-radius:var(--r-full);background:var(--surface-0);box-shadow:var(--shadow)}.upscale-dock:not(:has(.rail-btn:not(.hidden))){display:none}.rail-btn:hover,.rail-btn.busy{background:var(--surface-2);color:var(--text)}.upscale-progress{font-size:9px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em}.upscale-mark{font-size:12px;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.04em}.upscale-spinner{width:15px;height:15px;border-radius:50%;border:2px solid oklch(1 0 0 / .22);border-top-color:currentColor;animation:upscale-spin .8s linear infinite}@keyframes upscale-spin{to{rotate:1turn}}.rail-btn[aria-pressed=false]{opacity:.55}.rail-btn.kept,.rail-btn.kept:hover{background:none;color:var(--accent);cursor:default}.rail-btn.kept svg{fill:currentColor}.rail-zoom{position:relative;display:grid;place-items:center}.rail-zoom input[type=range]{writing-mode:vertical-lr;direction:rtl;width:20px;height:116px;margin:var(--s1) 0;accent-color:var(--accent);cursor:ns-resize}.rail-val{position:absolute;right:calc(100% + var(--s3));top:50%;translate:0 -50%;padding:3px var(--s2);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-2);font-size:var(--t-xs);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease)}.rail:hover .rail-val,.rail:focus-within .rail-val,body.wheel-zoom .rail-val{opacity:1}.rail-rule{width:20px;height:1px;background:var(--line-soft);margin:var(--s1) 0}.panel-body>*,.drawer>*,.strip{min-width:0}.deck{display:contents}.spine{position:fixed;z-index:8;top:50%;left:var(--s4);translate:0 -50%;display:grid;justify-items:center;gap:var(--s1);padding:var(--s2) 7px;border:1px solid var(--line-soft);border-radius:var(--r-full);background:var(--surface-0);box-shadow:var(--shadow);animation:spine-in .56s var(--ease-out) both}@keyframes spine-in{0%{opacity:0;translate:-14px -50%}}.spine-brand{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--r-full);background:none;cursor:pointer;transition:transform var(--fast) var(--ease)}.spine-brand:active{transform:scale(.92)}.spine-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--t-md);font-weight:700;line-height:1;transition:filter var(--fast) var(--ease)}.spine-brand:hover .spine-mark{filter:brightness(1.06)}.spine-rule{width:22px;height:1px;margin:3px 0;background:var(--line-soft)}.spine-nav{display:grid;gap:var(--s1);justify-items:center}.spine-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-md);background:none;color:var(--text-3);cursor:pointer;transition:color var(--fast) var(--ease),background var(--fast) var(--ease),transform var(--fast) var(--ease)}.spine-btn:active{transform:scale(.9)}.spine-btn:before{content:"";position:absolute;left:-7px;top:50%;width:3px;height:20px;border-radius:var(--r-full);background:var(--accent);transform:translateY(-50%) scaleY(0);transition:transform var(--mid) var(--ease-drawer)}.spine-btn[aria-current=true]{color:var(--accent);background:var(--accent-dim)}.spine-btn[aria-current=true]:before{transform:translateY(-50%) scaleY(1)}.panel{position:fixed;z-index:7;top:50%;left:calc(var(--s4) + var(--spine-w) + var(--s2));translate:0 -50%;width:min(434px,calc(100vw - var(--s4) - var(--spine-w) - var(--s2) * 2));max-height:calc(100dvh - var(--s4) * 2);display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--surface-0);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translate(-115%) scale(.97);filter:blur(7px);transform-origin:left center;transition:transform var(--deck-out) var(--ease-drawer),opacity var(--deck-out) var(--ease),filter var(--deck-out) var(--ease),visibility 0s linear var(--deck-out)}.deck[data-open=true] .panel{opacity:1;visibility:visible;transform:translate(0) scale(1);filter:none;transition:transform var(--deck-in) var(--ease-drawer),opacity var(--deck-in) var(--ease),filter var(--deck-in) var(--ease),visibility 0s}.panel-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-bottom:1px solid var(--line-soft)}.panel-head .wordmark{font-size:var(--t-base);text-shadow:none}.panel-collapse{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:var(--r-full);background:none;color:var(--text-3);cursor:pointer;transition:color var(--fast) var(--ease),background var(--fast) var(--ease),transform var(--fast) var(--ease)}.panel-collapse:hover{color:var(--text);background:var(--surface-2)}.panel-collapse:active{transform:scale(.92)}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4);overflow-y:auto;scrollbar-width:none}.panel-body::-webkit-scrollbar{display:none}.panel-body>*{opacity:0;transform:translateY(10px);transition:opacity var(--deck-out) var(--ease),transform var(--deck-out) var(--ease)}.deck[data-open=true] .panel-body>*{opacity:1;transform:none;transition:opacity var(--deck-in) var(--ease-out),transform var(--deck-in) var(--ease-out)}.deck[data-open=true] .dock{transition-delay:70ms}.deck[data-open=true] .drawer{transition-delay:.12s}.dock{min-width:0}.dock:empty{display:none}.panel-body>.dock:not(.hidden)+.drawer{border-top:1px solid var(--line-soft);padding-top:var(--s4)}.controls .btn-primary{flex:1 1 100%}.controls .btn-primary.is-stop{background:var(--danger, #b43a42)}.deck-scrim{position:fixed;inset:0;z-index:6;background:#02020280;opacity:0;pointer-events:none;transition:opacity var(--deck-out) var(--ease)}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3)}.field{flex:1 1 0;min-width:128px;display:grid;gap:5px;text-align:left}.field-label{font-size:var(--t-xs);font-weight:500;color:var(--text-3)}select,.field input[type=text]{width:100%;height:42px;padding:0 var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--t-base);transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}select{padding-right:var(--s6);background-image:var(--icon-chevron);background-repeat:no-repeat;background-position:right var(--s3) center;appearance:none;cursor:pointer}select:hover,.field input[type=text]:hover{border-color:var(--line);background-color:var(--surface-2)}select option{background:oklch(.19 var(--c) var(--hue));color:var(--text)}.custom-row{position:relative;flex:1 1 100%;display:grid;gap:6px}#raw-row .info-tip{position:absolute;top:8px;right:8px}#custom-input,#custom-style-input,#raw-input{width:100%;height:42px;padding:0 var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--t-base)}#raw-input{height:auto;min-height:72px;padding:var(--s2) var(--s6) var(--s2) var(--s3);line-height:1.4;resize:vertical}#custom-input::placeholder,#custom-style-input::placeholder,#raw-input::placeholder{color:var(--text-3)}.photo-pick{display:flex;align-items:center;gap:var(--s2)}.photo-choose{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--s2);height:42px;padding:0 var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--t-base);cursor:pointer;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.photo-choose:hover{border-color:var(--line)}#photo-choose-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-thumb{width:30px;height:30px;border-radius:6px;object-fit:cover;flex:none}.photo-clear{flex:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);color:var(--text-2);cursor:pointer}.photo-clear:hover{color:var(--text);border-color:var(--line)}.custom-echo{font-size:var(--t-xs);color:var(--text-3);min-height:1.1em}.dock-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-top:var(--s3);font-size:var(--t-xs);color:var(--text-3)}.cost-hint{color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.status{text-align:right;min-height:1.3em}.dock-meta:not(:has(.cost-hint:not(.hidden))) .status{text-align:left}.results{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-soft)}.slots{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s2)}.slot{position:relative;aspect-ratio:1;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--surface-1);overflow:hidden;display:grid;place-items:center;transition:border-color var(--fast) var(--ease),scale var(--fast) var(--ease)}.slot:hover{scale:1.03;border-color:var(--line)}.slot:has(.tile-open):hover{cursor:pointer}.slot:hover .tile-actions,.slot:focus-within .tile-actions{opacity:1}.slot img{width:100%;height:100%;object-fit:cover}.slot.pass{border-color:var(--pass)}.slot .badge{position:absolute;left:var(--s1);bottom:var(--s1);display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:var(--r-full);background:#060606d1;font-size:10.5px;font-weight:600;letter-spacing:.01em;color:var(--text-2)}.slot .badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.slot.pass .badge{color:var(--pass)}.slot.near .badge{color:var(--near)}.slot.fail .badge,.slot.trivial .badge,.slot.unchanged .badge,.slot.error .badge{color:var(--fail)}.slot.rendering{cursor:default}.slot.rendering:after{content:"";width:22px;height:22px;border:2.5px solid oklch(1 0 0 / .16);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}.winner{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s3);font-size:var(--t-sm)}#winner-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.drawer{display:grid;gap:var(--s2)}.drawer-head{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s1);text-shadow:0 1px 8px oklch(0 0 0 / .7)}.drawer-spacer{flex:1}.drawer-note{font-size:var(--t-xs);color:var(--text-2);white-space:nowrap}.drawer-empty{padding:var(--s4) var(--s1);font-size:var(--t-xs);color:var(--text-3)}.seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line-soft);border-radius:var(--r-full);background:var(--surface-0)}.seg-btn{padding:5px var(--s3);border:0;border-radius:var(--r-full);background:none;color:var(--text-3);font:inherit;font-size:var(--t-xs);font-weight:540;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.seg-btn:hover{color:var(--text)}.seg-btn[aria-selected=true]{background:var(--surface-2);color:var(--text)}.stream-sort{width:auto;height:28px;padding:0 var(--s5) 0 var(--s3);border-radius:var(--r-full);background-color:var(--surface-0);background-position:right var(--s2) center;font-size:var(--t-xs)}.toggle{display:inline-flex;align-items:center;gap:7px;padding:4px var(--s2);border:0;border-radius:var(--r-sm);background:none;color:var(--text-2);font:inherit;font-size:var(--t-xs);cursor:pointer;white-space:nowrap;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.toggle:hover{color:var(--text);background:#ffffff14}.switch{position:relative;flex:none;width:26px;height:15px;border-radius:var(--r-full);background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff29;transition:background var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--text-2);transition:translate var(--fast) var(--ease),background var(--fast) var(--ease)}.toggle[aria-pressed=true]{color:var(--text)}.toggle[aria-pressed=true] .switch{background:#feb93b52;box-shadow:inset 0 0 0 1px var(--accent)}.toggle[aria-pressed=true] .switch:after{translate:11px 0;background:var(--accent)}.strip{display:flex;gap:var(--s2);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:2px var(--s1) var(--s2);scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip>*{flex:0 0 auto}.strip:empty{display:none}.drawer>[role=tabpanel]{min-height:calc(91px + 2px + var(--s2))}.fav-tile{position:relative;width:91px;height:91px;border-radius:var(--r-md);border:1px solid var(--line-soft);overflow:hidden;cursor:pointer;transition:scale var(--fast) var(--ease),border-color var(--fast) var(--ease)}.fav-tile:hover,.fav-tile:focus-visible{scale:1.05;border-color:var(--accent)}.fav-tile img{width:100%;height:100%;object-fit:cover;display:block}.tile-open{position:absolute;inset:0;z-index:1;padding:0;border:0;background:none;cursor:pointer}.tile-open:focus-visible{outline-offset:-3px;border-radius:inherit}.tile-actions{position:absolute;z-index:2;inset:var(--s1) var(--s1) auto;display:flex;gap:3px;justify-content:flex-end;opacity:0;transition:opacity var(--fast) var(--ease)}.fav-tile:hover .tile-actions,.fav-tile:focus-within .tile-actions{opacity:1}.tile-actions button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:#060606c7;color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.tile-actions button:hover{background:#060606f0;color:var(--text)}.tile-actions .danger:hover{background:var(--fail);color:#0d0d0d}.tile-actions .tile-more{width:24px;height:24px}.fav-tile.has-menu-open .tile-actions,.slot.has-menu-open .tile-actions{opacity:1}.tile-menu{position:fixed;z-index:60;min-width:184px;padding:5px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);box-shadow:0 12px 32px #02020280;display:grid;gap:1px}.tile-menu button{display:flex;align-items:center;gap:var(--s2);width:100%;padding:8px 10px;border:0;border-radius:7px;background:none;color:var(--text);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer}.tile-menu button:hover:not(:disabled),.tile-menu button:focus-visible{background:var(--surface-2)}.tile-menu button:disabled{color:var(--text-3);cursor:default}.tile-menu button.danger{color:var(--fail)}.tile-menu svg{flex:none;opacity:.85}.tile-menu-label{flex:1 1 auto}.tile-menu-note{flex:none;font-size:11px;color:var(--text-3)}.report-subtitle{margin:calc(-1 * var(--s2)) 0 var(--s3);font-size:var(--t-sm);color:var(--text-3)}.report-reasons{display:grid;gap:2px;margin-bottom:var(--s3)}.report-reason{display:flex;align-items:center;gap:var(--s2);padding:7px 8px;border-radius:7px;font-size:var(--t-sm);cursor:pointer}.report-reason:hover{background:var(--surface-2)}.report-reason input{flex:none;accent-color:var(--accent)}#report-note{width:100%;min-height:66px;padding:var(--s2) var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--t-base);line-height:1.4;resize:vertical}#report-note::placeholder{color:var(--text-3)}.report-include{display:flex;align-items:flex-start;gap:var(--s2);margin-top:var(--s3);font-size:var(--t-xs);color:var(--text-3);cursor:pointer}.report-include input{flex:none;margin-top:2px;accent-color:var(--accent)}.report-status{min-height:1.2em;margin-top:var(--s2);font-size:var(--t-xs);color:var(--text-2)}.report-status.is-error{color:var(--fail)}.withheld-badge{position:absolute;z-index:2;inset:auto var(--s1) var(--s1);padding:3px 6px;border-radius:6px;background:var(--fail);color:#0d0d0d;font-size:10px;font-weight:700;text-align:center}.fav-tile .heart{position:absolute;z-index:2;inset:auto var(--s1) var(--s1);display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 0;border:0;border-radius:6px;background:#060606c7;color:var(--text-2);font:inherit;font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease),color var(--fast) var(--ease)}.fav-tile:hover .heart,.fav-tile:focus-within .heart{opacity:1}.fav-tile .heart.on{color:var(--accent);opacity:1}.fav-tile .heart svg{flex:none}.fav-tile .heart.on svg{fill:currentColor}.fav-tile .by{position:absolute;z-index:2;inset:auto var(--s1) 26px;padding:2px 5px;border-radius:5px;background:#060606b8;color:var(--text-2);font-size:9.5px;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease)}.fav-tile:hover .by,.fav-tile:focus-within .by{opacity:1}@media(hover:none){.tile-actions,.fav-tile .heart,.fav-tile .by{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:42px;padding:0 var(--s5);border:1px solid transparent;border-radius:var(--r-md);font:inherit;font-size:var(--t-base);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:filter var(--fast) var(--ease),background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),scale var(--fast) var(--ease)}.btn:active:not(:disabled){scale:.985}.btn:disabled{opacity:.55;cursor:wait}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary,.ghost{background:var(--surface-1);border-color:var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-3)}.btn-keep{height:34px;padding:0 var(--s4);border-radius:var(--r-full);border-color:var(--line);background:var(--surface-1);color:var(--text);font-size:var(--t-sm)}.btn-keep:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-3)}.btn-keep.saved{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);cursor:default}.btn-keep.saved svg{fill:currentColor}.btn-quiet,.linkish{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--s3);border:0;border-radius:var(--r-sm);background:none;color:var(--text-3);font:inherit;font-size:var(--t-sm);text-decoration:none;cursor:pointer;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.btn-quiet:hover:not(:disabled),.linkish:hover:not(:disabled){color:var(--text);background:#ffffff12}.btn-quiet:disabled{opacity:.4;cursor:default}.check{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);color:var(--text-2);cursor:pointer}.check input{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.hint{font-size:var(--t-xs);color:var(--text-3);line-height:1.5}#slot-hint{text-wrap:pretty}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:none;color:var(--text-3);vertical-align:-3px;cursor:help;transition:color var(--fast) var(--ease)}.info-tip:hover,.info-tip:focus-visible,.info-tip.open{color:var(--text)}.tip-pop{position:absolute;bottom:calc(100% + 8px);left:-8px;z-index:30;width:max-content;max-width:236px;padding:var(--s2) var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:oklch(.23 var(--c) var(--hue));color:var(--text-2);font-size:var(--t-xs);font-weight:400;letter-spacing:normal;text-transform:none;text-align:left;line-height:1.5;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fast) var(--ease),visibility var(--fast) var(--ease)}.info-tip.tip-end .tip-pop{left:auto;right:-8px}.info-tip.tip-under .tip-pop{bottom:auto;top:calc(100% + 8px)}.info-tip:hover .tip-pop,.info-tip:focus-visible .tip-pop,.info-tip.open .tip-pop{opacity:1;visibility:visible}.modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--s5);background:#0202029e}.modal-card{position:relative;width:min(420px,92vw);max-height:88vh;overflow-y:auto;padding:var(--s6) var(--s5) var(--s5);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:oklch(.18 var(--c) var(--hue));color:var(--text);display:grid;gap:var(--s3);box-shadow:var(--shadow)}.modal-card.wide{width:min(620px,94vw)}.modal-card h2{font-size:var(--t-lg);font-weight:640;letter-spacing:-.02em}.modal-card p{font-size:var(--t-base);color:var(--text-2);line-height:1.5}.modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s2);margin-top:var(--s2)}.modal-x{position:absolute;top:var(--s3);right:var(--s3);display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#ffffff14;color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.modal-x:hover{background:#ffffff2e;color:var(--text)}#settings-modal .field{margin-top:var(--s2)}.advanced{display:grid;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line-soft)}.advanced-head{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.advanced .btn-quiet{justify-self:start}.advanced-option,.bypass-strength{display:grid;gap:var(--s2)}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 4.5ch;gap:var(--s3);align-items:center}.range-row input[type=range]{width:100%;accent-color:var(--accent)}.range-row output{color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right}.content-filter{display:grid;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line-soft)}#prompt-text{width:100%;resize:vertical;border-radius:var(--r-md);border:1px solid var(--line-soft);background:oklch(.12 var(--c) var(--hue));color:var(--text);padding:var(--s3) var(--s4);font:var(--t-sm)/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.prompt-meta{font-size:var(--t-xs);color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}#prompt-copy.saved{background:var(--pass);color:oklch(.18 .05 152)}.spark-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s3)}.spark-products.busy{opacity:.6;pointer-events:none}.spark-pack{position:relative;display:grid;gap:var(--s1);justify-items:center;padding:var(--s4) var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease),scale var(--fast) var(--ease)}.spark-pack:hover:not(:disabled){scale:1.02;border-color:var(--accent);background:var(--accent-dim)}.spark-pack:disabled{cursor:wait}.spark-amt{font-size:var(--t-md);font-weight:700;font-variant-numeric:tabular-nums}.spark-price{font-size:var(--t-sm);color:var(--text-2)}.spark-renders{margin-top:var(--s1);font-size:var(--t-xs);color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.spark-save{position:absolute;top:-8px;right:-6px;padding:2px 7px;border-radius:var(--r-full);background:var(--pass);color:oklch(.2 .06 152);font-size:var(--t-xs);font-weight:700}.spark-progress{display:grid;gap:var(--s4)}.spark-link{color:var(--accent);font-weight:600}.spark-error{color:var(--fail)}.boost-item{color:var(--pass)}.boost-card{text-align:center}.boost-eyebrow{margin:0;color:var(--pass);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.boost-card strong{color:var(--accent)}.boost-card .auth-turnstile{display:flex;justify-content:center;min-height:70px;margin-block:var(--s4)}.boost-card .auth-turnstile.hidden{display:none}.boost-card .modal-actions{justify-content:center}.preview .topbar,.preview .deck,.preview .hero,.preview .rail,.preview .upscale-dock,.preview .scrim{display:none}.preview .stage{cursor:grab}.preview.canvas-dragging .stage{cursor:grabbing}.preview-overlay{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:0;transition:opacity var(--slow) var(--ease)}.preview-overlay.show{opacity:1}.preview-overlay.show .nav{pointer-events:auto}body.wheel-zoom{transition:none}body.wheel-zoom .bg-layer{transition:opacity .6s ease}.nav{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid oklch(1 0 0 / .2);background:#09090999;backdrop-filter:blur(10px);color:var(--text);cursor:pointer;transition:background var(--fast) var(--ease),scale var(--fast) var(--ease)}.nav:hover{background:#1b1b1bc7;scale:1.06}.nav.prev{left:var(--s5)}.nav.next{right:var(--s5)}.nav.close{top:max(var(--s5),env(safe-area-inset-top,0px));right:max(var(--s5),env(safe-area-inset-right,0px));translate:0 0;width:42px;height:42px}.caption{position:absolute;bottom:max(var(--s5),env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;padding:var(--s2) var(--s4);border-radius:var(--r-full);border:1px solid oklch(1 0 0 / .16);background:#09090999;backdrop-filter:blur(10px);color:var(--text);font-size:var(--t-sm);white-space:nowrap}.preview-actions{position:absolute;bottom:calc(74px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);max-width:calc(100vw - var(--s5))}.prompt-fab{display:inline-flex;align-items:center;gap:7px;padding:var(--s2) var(--s4);border:1px solid oklch(1 0 0 / .2);border-radius:var(--r-full);background:#09090999;backdrop-filter:blur(10px);color:var(--text);font:inherit;font-size:var(--t-sm);cursor:pointer;pointer-events:none}.preview-overlay.show .prompt-fab{pointer-events:auto}.prompt-fab:hover{background:#1b1b1bcc}.prompt-fab.on{color:var(--accent)}.prompt-fab.on svg{fill:currentColor}.prompt-fab:disabled{opacity:.55;cursor:default}.prompt-fab.danger:hover{border-color:#e24947b3;color:oklch(.78 .14 25)}.upscale-explain{color:var(--text-2);font-size:var(--t-sm);line-height:1.55}.upscale-cost{margin-top:var(--s3);font-size:var(--t-sm);font-weight:600}.upscale-ask{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s4);font-size:var(--t-sm);color:var(--text-2);cursor:pointer}.upscale-ask input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.burst{position:fixed;inset:0;z-index:20;pointer-events:none}.burst span{position:absolute;top:-6vh;font-size:26px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(112vh) rotate(540deg);opacity:.8}}.update-banner{position:fixed;top:calc(var(--s3) + env(safe-area-inset-top,0px));left:50%;translate:-50% 0;z-index:120;display:flex;align-items:center;gap:var(--s3);max-width:min(560px,calc(100vw - var(--s5)));padding:var(--s3) var(--s4);border-radius:var(--r-md);border:1px solid var(--line-soft);background:oklch(.19 var(--c) var(--hue));box-shadow:var(--shadow);color:var(--text-2);font-size:var(--t-sm)}.update-icon{flex:none;color:var(--accent)}.update-text{display:grid;line-height:1.4}.update-text strong{color:var(--text);font-weight:600}.update-banner button{flex:none;border-radius:var(--r-sm);padding:6px var(--s3);border:1px solid transparent;font:inherit;font-size:var(--t-xs);font-weight:600;cursor:pointer}.update-primary{background:var(--accent);color:var(--accent-ink)}.update-primary:hover{filter:brightness(1.08)}.update-close{background:none;color:var(--text-3);border-color:var(--line-soft)}.update-close:hover{color:var(--text)}@media(max-width:720px){:root{--spine-w: 50px}.topbar{padding:var(--s3);padding-top:calc(var(--s3) + env(safe-area-inset-top,0px))}.hero{top:38%;width:min(620px,calc(100vw - 136px))}.hero h1{font-size:var(--t-lg)}.spine{left:var(--s2);padding:6px 5px}.spine-brand,.spine-btn{width:38px;height:38px}.panel{left:var(--s2);right:var(--s2);width:auto;max-height:calc(100dvh - var(--s3) * 2)}.deck[data-open=true] .deck-scrim{opacity:1;pointer-events:auto}.spine{transition:opacity var(--fast) var(--ease)}.deck[data-open=true] .spine{opacity:0;pointer-events:none}.rail{right:var(--s2);padding:6px 4px;transition:opacity var(--fast) var(--ease)}.upscale-dock{right:var(--s2);bottom:calc(var(--s3) + env(safe-area-inset-bottom,0px));padding:6px 4px;transition:opacity var(--fast) var(--ease)}body.deck-open .rail,body.deck-open .upscale-dock{opacity:0;pointer-events:none}.rail-zoom input[type=range]{height:84px}.rail-btn{width:40px;height:40px}.fav-tile{width:79px;height:79px}.drawer>[role=tabpanel]{min-height:calc(79px + 2px + var(--s2))}.nav.prev{left:var(--s3)}.nav.next{right:var(--s3)}.update-banner{flex-wrap:wrap;justify-content:flex-end}.update-text{flex:1 1 100%}}@media(max-width:400px){.chip .who{max-width:9ch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-layer{transition:opacity .01ms!important}}body.auth-open{overflow:hidden}.auth-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#05050ac7;backdrop-filter:blur(16px)}.auth-shell{position:relative;display:grid;grid-template-columns:minmax(210px,.78fr) minmax(360px,1fr);width:min(790px,96vw);max-height:min(760px,94vh);overflow:hidden auto;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:#14121ef7;box-shadow:0 36px 100px #000000ad}.auth-art{position:relative;min-height:100%;overflow:hidden;background:radial-gradient(circle at 28% 24%,rgba(255,211,77,.48),transparent 22%),radial-gradient(circle at 76% 70%,rgba(122,224,255,.38),transparent 28%),linear-gradient(145deg,#2c1739,#111827 62%,#231a10)}.auth-art:after{content:"";position:absolute;inset:0;opacity:.25;background-image:repeating-conic-gradient(from 20deg at 50% 50%,#ffd34d 0 8deg,transparent 8deg 22deg);mask-image:radial-gradient(circle,#000,transparent 70%)}.auth-orbit{position:absolute;border:1px solid rgba(255,255,255,.23);border-radius:50%}.orbit-one{width:260px;height:260px;left:-80px;top:10%}.orbit-two{width:350px;height:350px;right:-240px;bottom:-70px}.auth-art-copy{position:absolute;z-index:1;left:28px;bottom:34px;display:grid;gap:12px}.auth-art-copy span{color:#ffd34d;font-size:4.5rem;line-height:.7;text-shadow:0 0 30px rgba(255,211,77,.35)}.auth-art-copy strong{font-size:1.55rem;line-height:1.15;letter-spacing:-.03em}.auth-content{padding:38px 42px 32px}.auth-close{z-index:3;top:15px;right:16px;width:36px;height:36px}.auth-heading{margin-bottom:24px;text-align:left}.auth-mark{display:none;color:#ffd34d;font-size:2.7rem;line-height:1}.auth-eyebrow{margin:0 0 6px;color:#ffd34d;font-size:.72rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:1!important}.auth-heading h2,.auth-success h2{margin:0 0 9px;font-size:1.85rem;letter-spacing:-.04em}.auth-heading p,.auth-success p{margin:0;color:#ffffffab;font-size:.92rem;line-height:1.5}.auth-content form{display:grid;gap:15px}.auth-field{display:grid;gap:7px;text-align:left}.auth-field>span:first-child{font-size:.78rem;font-weight:700;color:#ffffffc7}.auth-field em{float:right;font-size:.7rem;font-weight:400;opacity:.55}.auth-field small{color:#ffffff6b;font-size:.68rem;line-height:1.35}.auth-field input{width:100%;min-height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:0 13px;outline:none;background:#ffffff0f;color:#fff;font:inherit}.auth-field input:focus{border-color:#ffd34dcc;box-shadow:0 0 0 3px #ffd34d1a}.auth-password{position:relative;display:block}.auth-password input{padding-right:58px}.auth-password button{position:absolute;right:8px;top:8px;height:30px;border:0;background:transparent;color:#ffd34d;cursor:pointer}.auth-check{display:flex;gap:9px;align-items:flex-start;text-align:left;color:#ffffffab;font-size:.78rem;line-height:1.4}.auth-check input{margin-top:2px;accent-color:#ffd34d}.auth-primary{width:100%;min-height:48px;border:0;border-radius:13px;padding:0 18px;background:linear-gradient(135deg,#ffe47a,#ffbd3f);color:#201400;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 28px #ffbe3f33}.auth-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.auth-primary:disabled{cursor:wait;opacity:.65}.auth-switch{margin:18px 0 0;color:#ffffff8c;font-size:.82rem;text-align:center}.auth-switch button,.auth-back{border:0;background:none;color:#ffd34d;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.auth-actions{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.auth-error,.auth-warning{border-radius:11px;padding:10px 12px;text-align:left;font-size:.76rem;line-height:1.4}.auth-error{border:1px solid rgba(255,104,104,.35);background:#ff46461a;color:#ffc1c1}.auth-warning{border:1px solid rgba(255,211,77,.24);background:#ffd34d12;color:#ffffffb8}.auth-warning strong{display:block;color:#ffd34d}.auth-requirements{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;margin:-4px 0 0;padding-left:18px;color:#ffffff80;font-size:.68rem;text-align:left}.auth-turnstile{min-height:95px;display:grid;place-items:center;margin:24px 0 12px}.auth-turnstile.is-busy{opacity:.45;pointer-events:none}.auth-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.14);border-top-color:#ffd34d;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-legal{margin:10px 0 20px;color:#ffffff73;font-size:.7rem;line-height:1.5}.auth-legal a{color:#ffffffb8}.auth-success{display:grid;gap:12px;align-content:center;min-height:430px;text-align:center}.auth-success-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 8px;border:2px solid rgba(80,220,140,.4);border-radius:50%;background:#50dc8c1a;color:#65e69b;font-size:2rem}.auth-success .auth-primary{margin-top:16px}.auth-visually-hidden{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:680px){.auth-modal{align-items:end;padding:10px}.auth-shell{display:block;width:100%;max-height:92vh;border-radius:24px 24px 18px 18px}.auth-art{display:none}.auth-content{padding:30px 22px 26px}.auth-mark{display:block;margin-bottom:7px}.auth-heading h2,.auth-success h2{font-size:1.55rem}.auth-requirements{grid-template-columns:1fr}.auth-success{min-height:380px}}.videowall{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.videowall.show{opacity:1;visibility:visible;transition:opacity .6s ease}.animate-dock{right:calc(var(--s5) + 46px + var(--s1))}@media(max-width:720px){.animate-dock{right:calc(var(--s2) + 42px + var(--s1))}}.animate-demo{display:block;width:100%;aspect-ratio:16 / 9;margin:var(--s2) 0 var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-2);object-fit:cover}#animate-modal .modal-card{padding-bottom:0}#animate-modal .modal-actions{padding-bottom:var(--s5)}.animate-model{display:grid;gap:var(--s1);margin:0;padding:0;border:0}.animate-model label{display:flex;align-items:baseline;gap:var(--s2);font-size:var(--t-base);color:var(--text);cursor:pointer}.animate-model input{accent-color:var(--accent);cursor:pointer}.animate-model-name{font-weight:600;white-space:nowrap}.animate-model-note{font-size:var(--t-sm);color:var(--text-3)}.animate-duration{display:flex;align-items:center;gap:var(--s1);margin:0;padding:0;border:0}.animate-duration-label{margin-right:var(--s1);font-size:var(--t-sm);color:var(--text-3)}.animate-duration label{position:relative;cursor:pointer}.animate-duration input{position:absolute;inset:0;opacity:0;cursor:pointer}.animate-duration label>span{display:inline-block;padding:3px 10px;border:1px solid var(--line-soft);border-radius:var(--r-full);font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--text-2);transition:background var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.animate-duration input:checked+span{background:var(--accent);border-color:var(--accent);color:#120c04;font-weight:650}.animate-duration input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.animate-suggestion{width:100%;padding:var(--s2) var(--s3);border:1px solid var(--line-soft);border-radius:var(--r-md);background:oklch(.12 var(--c) var(--hue));color:var(--text);font-size:var(--t-sm)}.animate-suggestion::placeholder{color:var(--text-3)}.animate-suggestion:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/*# sourceMappingURL=style-SV72YB4O.css.map */