@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.p.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_9b9db241-module__sLJoNW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_9b9db241-module__sLJoNW__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_e6988195-module__RNs2Mq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_e6988195-module__RNs2Mq__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.p.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_83faaeae-module__xxnQGG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_83faaeae-module__xxnQGG__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--font-display:var(--font-space-grotesk,"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif);--font-body:var(--font-inter,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);--font-mono:var(--font-jetbrains-mono,"JetBrains Mono", "SF Mono", Menlo, monospace);--font-pixel:var(--font-vt323,"VT323", monospace);--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-full:999px;--s-1:4px;--s-2:6px;--s-3:8px;--s-4:12px;--s-5:16px;--s-6:20px;--s-7:28px;--s-8:36px;--t-fast:.12s cubic-bezier(.2, .8, .2, 1);--t-med:.22s cubic-bezier(.2, .8, .2, 1);--t-slow:.4s cubic-bezier(.2, .8, .2, 1);--motion-drop:.28s cubic-bezier(.2, .8, .2, 1);--motion-spring:.4s cubic-bezier(.34, 1.3, .64, 1);--motion-payment:.6s cubic-bezier(.2, .8, .2, 1);--motion-shimmer:1.4s linear infinite;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-28:28px;--fs-display:36px;--lh-10:14px;--lh-11:15px;--lh-12:16px;--lh-13:18px;--lh-14:20px;--lh-16:22px;--lh-20:26px;--lh-28:34px;--lh-display:40px;--fw-reg:400;--fw-med:500;--fw-semi:600;--tracking-eyebrow:.14em;--tracking-body:0;--tracking-tight:-.01em;--topbar-h:52px;--rail-w:60px;--left-w:clamp(452px, 36vw, 572px);--library-w:clamp(580px, 45vw, 760px);--right-w:0px;--statusbar-h:26px}
[data-theme=dark]{--bg:#0b0b0e;--bg-deep:#08080a;--surf:#121215;--surf-2:#18181c;--surf-3:#1f1f24;--surf-4:#27272d;--surf-max:#313137;--fg:#ebebec;--fg-dim:#c6c6c9;--fg-muted:#8a8a90;--fg-faint:#5b5b62;--bd-subtle:#ffffff0e;--bd:#ffffff18;--bd-strong:#ffffff2b;--bd-hi:#ffffff0a;--amber:#a0a4ad;--amber-hi:#c7c9cf;--amber-lo:#85888f;--amber-deep:#5c5e65;--amber-ink:#e9eaec;--amber-ghost:#a0a4ad1f;--amber-glow:#a0a4ad47;--accent-contrast:#fff;--brand-mark-face:#fff;--brand-mark-ink:#08080a;--spotlight:#ffffff09;--spotlight-soft:#ffffff04;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--panel-sheen:transparent;--sticky-fade:linear-gradient(180deg, var(--surf-2) 68%, #18181c00);--dark-ink:#7fb0dd;--dark-ink-hi:#98c1e6;--dark-ink-veil:#7fb0ddd1;--ok:#2bbd7e;--warn:#eab308;--err:#ef4444;--info:#38bdf8;--velvet-1:none;--velvet-2:none;--chess-a:#17171b;--chess-b:#1b1b20;--shadow-soft:0 1px 0 #ffffff06 inset, 0 1px 2px #0006;--shadow-lift:0 1px 0 #ffffff08 inset, 0 8px 24px #0000007a, 0 2px 6px #00000052;--shadow-overlay:0 1px 0 #ffffff0a inset, 0 24px 48px -12px #000000b8, 0 8px 20px -8px #00000080;--shadow-pressed:inset 0 1px 0 #00000040;--noise-url:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.62 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--noise-opacity:.035}[data-theme=light]{--bg:#f7f7f5;--bg-deep:#f1f1ef;--surf:#fff;--surf-2:#fafaf8;--surf-3:#f3f3f1;--surf-4:#e7e7e4;--surf-max:#d8d8d4;--fg:#14141a;--fg-dim:#2f2f38;--fg-muted:#65656f;--fg-faint:#959598;--bd-subtle:#0e0e120e;--bd:#0e0e121a;--bd-strong:#0e0e1233;--bd-hi:#fffc;--amber:#4a4d55;--amber-hi:#2a2c33;--amber-lo:#6a6d76;--amber-deep:#1d1f25;--amber-ink:#1d1f25;--amber-ghost:#4a4d5514;--amber-glow:#4a4d552e;--accent-contrast:#fff;--brand-mark-face:#fff;--brand-mark-ink:#14141a;--spotlight:#0e0e120a;--spotlight-soft:#0e0e1205;--scrollbar-thumb:#0e0e1224;--scrollbar-thumb-hover:#0e0e123d;--panel-sheen:transparent;--sticky-fade:linear-gradient(180deg, var(--surf-2) 68%, #fafaf800);--dark-ink:#7fb0dd;--dark-ink-hi:#6ba1d3;--dark-ink-veil:#7fb0ddd9;--ok:#0e8f5c;--warn:#b76d0f;--err:#c72c2c;--info:#0276b8;--velvet-1:none;--velvet-2:none;--chess-a:#f3f3f1;--chess-b:#e7e7e4;--shadow-soft:0 1px 0 #ffffff80 inset, 0 1px 2px #0e0e120d;--shadow-lift:0 1px 0 #fff9 inset, 0 10px 30px #0e0e1214, 0 2px 6px #0e0e120a;--shadow-overlay:0 1px 0 #fffc inset, 0 24px 48px -12px #0e0e1224, 0 8px 20px -8px #0e0e1214;--shadow-pressed:inset 0 1px 0 #0e0e1214;--noise-url:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.42 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--noise-opacity:.028}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100dvh}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;font-size:13px;line-height:1.5;position:relative}body:before{content:"";background-image:var(--noise-url);opacity:var(--noise-opacity);mix-blend-mode:overlay;pointer-events:none;z-index:0;background-repeat:repeat;position:fixed;inset:0}body>*{z-index:1;position:relative}body.app-body-lock{height:100dvh;overflow:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}.velvet{position:relative}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.btn{justify-content:center;align-items:center;gap:var(--s-3);height:34px;padding:0 var(--s-5);border-radius:var(--r-md);font-family:var(--font-body);color:var(--fg-dim);background:var(--surf);border:1px solid var(--bd);box-shadow:var(--shadow-soft);transition:transform var(--t-fast), background var(--t-fast), color var(--t-fast), border-color var(--t-fast);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled):not([aria-disabled=true]){color:var(--fg);background:var(--surf-2);border-color:var(--bd-strong)}.btn:active:not(:disabled):not([aria-disabled=true]){box-shadow:var(--shadow-pressed);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--amber-ghost), var(--shadow-soft);border-color:var(--amber);outline:none}.btn--primary:focus-visible{box-shadow:0 0 0 3px var(--amber-glow), 0 10px 24px var(--amber-glow);border-color:var(--amber-deep)}.btn--primary{background:var(--dark-ink);color:var(--accent-contrast);border-color:#0000;box-shadow:0 1px 2px #00000029}.btn--primary:hover:not(:disabled):not([aria-disabled=true]){color:var(--accent-contrast);background:var(--dark-ink-hi);border-color:#0000;box-shadow:0 1px 2px #0003}.btn--primary:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 #0000}.btn--ghost{color:var(--fg-muted);box-shadow:none;background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--surf-2);color:var(--fg-dim)}.btn--sm{height:28px;padding:0 var(--s-4);font-size:12px}.icon-btn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--fg-muted);background:var(--surf);border:1px solid var(--bd-subtle);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled):not([aria-disabled=true]){color:var(--fg);background:var(--surf-2);border-color:var(--bd-strong)}.icon-btn[aria-pressed=true],.icon-btn.is-active{color:var(--amber-ink);background:var(--amber-ghost);border-color:var(--bd)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.icon-btn:focus-visible{color:var(--amber-ink);box-shadow:0 0 0 2px var(--amber-ghost);border-color:var(--amber);outline:none}.chip{align-items:center;gap:var(--s-2);height:26px;padding:0 var(--s-4);border-radius:var(--r-full);color:var(--fg-dim);background:var(--surf);border:1px solid var(--bd-subtle);white-space:nowrap;font-size:12px;font-weight:500;display:inline-flex}.chip--amber{color:var(--amber-ink);background:var(--amber-ghost);border-color:var(--amber-glow)}.chip--ok{color:var(--ok);background:#5bc8931a;border-color:#5bc89338}.chip--warn{color:var(--warn);background:#d7b1621a;border-color:#d7b16238}.chip--err{color:var(--err);background:#e06b5a1a;border-color:#e06b5a38}.chip__dot{background:currentColor;border-radius:999px;width:6px;height:6px;box-shadow:0 0 10px}.kbd{height:18px;font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-dim);background:var(--surf-3);border:1px solid var(--bd-subtle);border-radius:var(--r-xs);align-items:center;padding:0 6px;font-size:10px;display:inline-flex}
.input,.textarea,.select{width:100%;min-height:36px;font-family:var(--font-body);color:var(--fg);background:var(--surf-2);border:1px solid var(--bd-subtle);border-radius:var(--r-md);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);letter-spacing:-.005em;padding:8px 12px;font-size:13px}.input:hover:not(:focus):not(:disabled),.textarea:hover:not(:focus):not(:disabled),.select:hover:not(:focus):not(:disabled){border-color:var(--bd)}.input::placeholder,.textarea::placeholder{color:var(--fg-faint)}.input:focus,.textarea:focus,.select:focus{border-color:var(--amber);background:var(--surf);box-shadow:0 0 0 3px var(--amber-ghost);outline:none}.textarea{resize:vertical;min-height:110px;line-height:1.5}.slider{appearance:none;background:var(--surf-3);border-radius:var(--r-full);width:100%;height:4px;accent-color:var(--dark-ink);outline:none}.slider::-webkit-slider-thumb{appearance:none;background:var(--dark-ink);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--dark-ink-hi);cursor:pointer;transition:transform var(--t-fast);border-radius:999px}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--dark-ink);border:2px solid var(--bg);cursor:pointer;border-radius:999px;width:14px;height:14px}
.tabs{background:var(--surf-3);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.tab{border-radius:var(--r-sm);color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:500}.tab:hover{color:var(--fg-dim)}.tab[aria-selected=true]{color:var(--fg);background:var(--surf)}.tab:focus-visible{color:var(--fg);box-shadow:0 0 0 2px var(--amber-ghost);outline:none}.toggle-group{background:var(--surf-3);border-radius:var(--r-md);padding:3px;display:inline-flex}.toggle-group__item{border-radius:var(--r-sm);color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);background:0 0;border:none;padding:6px 10px;font-size:12px}.toggle-group__item:hover:not([aria-pressed=true]){color:var(--amber-ink);background:var(--amber-ghost)}.toggle-group__item[aria-pressed=true]{color:var(--amber-ink);background:var(--surf-4);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--amber-glow)}.toggle-group__item:active:not([aria-pressed=true]){transform:translateY(1px)}.toggle-group__item:focus-visible{color:var(--amber-ink);box-shadow:0 0 0 2px var(--amber-ghost);outline:none}.toggle-group--sm .toggle-group__item{padding:4px 8px;font-size:11px}
.panel{background:var(--panel-sheen), var(--surf);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--shadow-lift)}.panel--subtle{background:var(--panel-sheen), var(--surf-2);border-color:var(--bd-subtle)}.panel-section{padding:var(--s-6);gap:var(--s-4);display:grid}.panel-heading{align-items:center;gap:var(--s-3);font-family:var(--font-display);color:var(--fg);letter-spacing:-.005em;font-size:14px;font-weight:600;display:flex}.panel-heading__lead{flex:1}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-size:10px}.dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--s-6);z-index:50;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-xl);width:min(520px,100%);box-shadow:var(--shadow-lift), 0 40px 80px #00000080;padding:var(--s-7);gap:var(--s-5);display:grid}.tooltip{color:var(--fg);background:var(--surf-max);border:1px solid var(--bd);border-radius:var(--r-sm);box-shadow:var(--shadow-lift);pointer-events:none;white-space:nowrap;z-index:40;padding:6px 10px;font-size:11px;position:absolute}.toast-stack{bottom:var(--s-6);right:var(--s-6);gap:var(--s-3);z-index:60;pointer-events:none;display:grid;position:fixed}.toast{pointer-events:auto;min-width:260px;max-width:380px;padding:var(--s-4) var(--s-5);background:var(--surf-4);border:1px solid var(--bd);border-radius:var(--r-md);color:var(--fg);box-shadow:var(--shadow-lift);align-items:flex-start;gap:var(--s-3);animation:.26s cubic-bezier(.2,.8,.2,1) toast-in;display:flex}.toast--ok{border-color:#7ec5844d}.toast--err{border-color:#e06b5a4d}.toast__icon{width:16px;height:16px;color:var(--amber-hi);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.toast--ok .toast__icon{color:var(--ok)}.toast--err .toast__icon{color:var(--err)}.toast__body{color:var(--fg-dim);flex:1;font-size:12px;line-height:1.5}.toast__title{color:var(--fg);margin-bottom:2px;font-weight:600;display:block}.toast__text{display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.stack{gap:var(--s-4);display:grid}.stack-row{align-items:center;gap:var(--s-3);display:flex}.stack-row--between{justify-content:space-between}.label{gap:var(--s-2);color:var(--fg-muted);font-size:12px;display:grid}.label>span:first-child{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-size:10px}.divider{background:var(--bd-subtle);height:1px}.mono-11{font-family:var(--font-mono);letter-spacing:.01em;font-size:11px}.shimmer{background:var(--surf-2);position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg, transparent, var(--amber-ghost), transparent);animation:1.4s infinite shimmer-slide;position:absolute;inset:0}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.icon-loader{transform-origin:50%;animation:1.1s linear infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.icon-loader,.shimmer:after{animation:none!important}}

.topbar{height:var(--topbar-h);padding:0 var(--s-5);align-items:center;gap:var(--s-4);background:var(--surf);border-bottom:1px solid var(--bd-subtle);box-shadow:0 1px 0 var(--bd-hi) inset;display:flex}.topbar__brand{align-items:center;min-width:0;display:flex}.topbar__brand-logo{width:78px}.brand-logo{min-width:0;line-height:0;display:inline-block;position:relative}.brand-logo.topbar__brand-logo{width:78px}.brand-logo__wordmark{width:100%;display:block;height:auto!important}.brand-logo__wordmark--dark,[data-theme=dark] .brand-logo__wordmark--light{display:none}[data-theme=dark] .brand-logo__wordmark--dark{display:block}.brand-mark{justify-content:center;align-items:center;display:inline-flex}.brand-mark__image{object-fit:contain;width:auto;height:100%;display:block}.topbar__crumb{align-items:center;gap:var(--s-2);padding:0 var(--s-4);color:var(--fg-muted);border-left:1px solid var(--bd-subtle);height:24px;font-size:12px;display:flex}.topbar__crumb-sep{color:var(--fg-faint)}.topbar__crumb-active{color:var(--fg);font-weight:var(--fw-med,500)}.topbar__crumb-meta{margin-left:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-11,11px);letter-spacing:.04em;color:var(--fg-faint)}.topbar__actions{align-items:center;gap:var(--s-3);flex-wrap:nowrap;min-width:0;margin-left:auto;display:flex}.topbar__divider{background:var(--bd-subtle);width:1px;height:22px;margin:0 var(--s-2);flex-shrink:0}@media (max-width:1440px){.topbar__actions{gap:var(--s-2)}.topbar__divider{margin:0 var(--s-1)}}@media (max-width:1280px){.topbar{padding:0 var(--s-4);gap:var(--s-3)}.topbar__actions{gap:6px}}.wallet-avatar{background:var(--amber);border-radius:999px;flex-shrink:0;width:20px;height:20px}
.left-rail{z-index:92;pointer-events:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:52px;padding:6px 0;display:flex;position:absolute;top:14px;bottom:14px;left:14px;overflow:visible}.left-rail>*{pointer-events:auto}.left-rail__group{background:var(--surf);border:1px solid var(--bd-subtle);border-radius:var(--r-md);box-shadow:0 1px 0 var(--bd-hi) inset, 0 2px 6px #0000002e;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.left-rail__group--markup{border-radius:var(--r-full);padding:4px}.left-rail__spacer{flex:1}.left-rail,.panel-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.left-rail::-webkit-scrollbar{width:10px;height:10px}.panel-body::-webkit-scrollbar{width:10px;height:10px}.left-rail::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-track{background:0 0}.left-rail::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb) padding-box;border:2px solid #0000;border-radius:999px;min-height:40px}.panel-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb) padding-box;border:2px solid #0000;border-radius:999px;min-height:40px}.left-rail::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover) padding-box}.panel-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover) padding-box}.left-rail::-webkit-scrollbar-corner{background:0 0}.panel-body::-webkit-scrollbar-corner{background:0 0}.left-rail__item{border-radius:var(--r-sm);width:30px;height:30px;color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.left-rail__item:hover:not(:disabled):not([aria-disabled=true]){color:var(--fg);background:var(--surf-3);border-color:var(--bd)}.left-rail__item[aria-current=page]{color:var(--amber-hi);background:var(--amber-ghost);border-color:var(--amber-glow)}.left-rail__item[aria-current=page]:before{content:"";background:var(--amber-hi);width:2px;box-shadow:0 0 10px var(--amber-glow);border-radius:999px;position:absolute;top:10px;bottom:10px;left:2px}.left-rail__item:focus-visible{color:var(--fg);background:var(--surf-3);border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-ghost);outline:none}.left-rail__item:disabled,.left-rail__item[aria-disabled=true]{opacity:.35;cursor:not-allowed}.left-rail__badge{background:var(--amber-hi);min-width:16px;height:16px;color:var(--bg-deep);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #1111151f}.left-rail__brand{width:36px;height:36px;margin-bottom:var(--s-3);background:var(--surf);border:1px solid var(--bd-subtle);border-radius:var(--r-md);box-shadow:0 1px 0 var(--bd-hi) inset, 0 2px 6px #0000002e;color:inherit;transition:background var(--t-fast);place-items:center;padding:4px;display:grid;overflow:hidden}.left-rail__brand:hover,.left-rail__brand:focus-visible{background:var(--surf-3);outline:none}.left-rail__brand-mark{border-radius:var(--r-full);width:26px;height:26px;overflow:hidden}.left-rail__brand-mark .brand-mark__image{object-fit:contain;width:100%;height:100%}

.app-shell{background:var(--bg);grid-template-rows:1fr;height:100dvh;display:grid;position:relative;overflow:hidden}
.right-rail{z-index:18;pointer-events:none;display:flex;position:absolute;top:14px;right:14px}.right-rail__group{pointer-events:auto;align-items:center;gap:var(--s-2);background:var(--surf);border:1px solid var(--bd-subtle);border-radius:var(--r-full);box-shadow:0 1px 0 var(--bd-hi) inset, 0 2px 6px #0000002e;padding:4px;display:inline-flex}.right-rail__wallet{align-items:center;gap:var(--s-2);height:28px;color:var(--fg);font-family:var(--font-mono);font-size:var(--fs-12,12px);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-fast);background:0 0;border:none;padding:4px 12px 4px 4px;display:inline-flex}.right-rail__wallet--compact{justify-content:center;width:28px;padding:0}.right-rail__wallet:hover:not(:disabled){background:var(--surf-3)}.right-rail__wallet:disabled{opacity:.6;cursor:not-allowed}.right-rail__wallet-label{white-space:nowrap}.right-rail__item{width:28px;height:28px;color:var(--fg-muted);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.right-rail__item:hover,.right-rail__item:focus-visible{background:var(--surf-3);color:var(--fg);outline:none}
.app-body{--rail-compact:52px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.app-body--panel-open{grid-template-columns:minmax(0,1fr)}.stage-wrap{background:var(--bg-deep);grid-area:1/1;min-width:0;min-height:0;display:grid;overflow:hidden}.stage{padding:var(--s-5);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.stage__viewport{aspect-ratio:1;border:1px dashed var(--bd-strong);border-radius:var(--r-lg);background:repeating-conic-gradient(var(--chess-a) 0% 25%, var(--chess-b) 0% 50%) 0 / 24px 24px;max-width:100%;height:min(100%,640px);position:relative;overflow:hidden}.stage__empty{text-align:center;padding:var(--s-6);color:var(--fg-muted);place-items:center;gap:var(--s-3);display:grid;position:absolute;inset:0}.stage__empty h2{color:var(--fg-dim);font-size:16px}.stage__image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}
.board-trail{z-index:19;min-width:0;color:var(--fg);border:1px solid var(--bd);border-radius:var(--r-full);background:color-mix(in srgb, var(--surf) 94%, transparent);box-shadow:0 1px 0 var(--bd-hi) inset, 0 12px 28px #110e161a, 0 2px 6px #110e160a;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}[data-theme=dark] .board-trail{background:color-mix(in srgb, var(--surf-2) 92%, transparent);box-shadow:0 1px 0 var(--bd-hi) inset, 0 18px 34px #0000007a, 0 2px 8px #00000047}.board-trail__edge{flex:none;align-items:center;gap:12px;display:inline-flex}.board-trail__nav,.board-trail__dot-button{color:var(--fg-dim);cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:0}.board-trail__nav{border-radius:var(--r-full);place-items:center;width:24px;height:24px;display:grid}.board-trail__nav:hover:not(:disabled),.board-trail__nav:focus-visible{color:var(--fg);background:var(--amber-ghost);outline:none}.board-trail__nav:disabled{color:var(--fg-faint);cursor:not-allowed;opacity:.75}.board-trail__divider{border-radius:var(--r-full);background:var(--bd);width:1px;height:28px}.board-trail__steps{flex:auto;justify-content:center;align-items:center;gap:0;min-width:0;display:inline-flex;overflow:hidden}.board-trail__link{border-radius:var(--r-full);background:color-mix(in srgb, var(--fg-muted) 72%, transparent);flex:28px;min-width:12px;max-width:44px;height:2px;margin-inline:3px}.board-trail__dot-button{border-radius:var(--r-full);flex:none;place-items:center;width:14px;height:14px;display:grid}.board-trail__dot{border-radius:var(--r-full);border:1.6px solid var(--fg-dim);background:var(--surf);width:10px;height:10px}.board-trail__dot-button:hover .board-trail__dot,.board-trail__dot-button:focus-visible .board-trail__dot{border-color:var(--fg);background:var(--surf-2)}.board-trail__dot-button:focus-visible{outline:none}.board-trail__dot--current{background:var(--fg-muted);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--bd-hi);border:0;flex:none}

.panel-left{width:min(var(--left-w,460px), calc(100vw - 96px));background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:0 1px 0 var(--bd-hi) inset, var(--shadow-lift);z-index:16;grid-template-rows:auto 1fr;animation:.22s cubic-bezier(.34,1.3,.64,1) panel-slide-in;display:grid;position:absolute;top:14px;bottom:14px;left:64px;overflow:hidden}.panel-left:before{content:"";pointer-events:none;background-image:var(--noise-url);opacity:calc(var(--noise-opacity) * .6);mix-blend-mode:overlay;border-radius:inherit;position:absolute;inset:0}@keyframes panel-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.panel-right{width:min(var(--right-w,460px), calc(100vw - 96px));background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);z-index:16;grid-template-rows:auto 1fr;display:grid;position:absolute;top:14px;bottom:14px;right:14px;overflow:hidden}.panel-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:14;background:#04040633;animation:.18s ease-out cmdk-fade;position:absolute;inset:0}.panel-header{padding:var(--s-4) var(--s-5);align-items:center;gap:var(--s-3);border-bottom:1px solid var(--bd-subtle);background:0 0;display:flex}.panel-header h2{letter-spacing:0;font-size:13px;font-weight:600}.panel-body{padding:var(--s-5);gap:var(--s-5);z-index:1;align-content:start;min-width:0;display:grid;position:relative;overflow-y:auto}.panel-left--generate .panel-body{padding-top:var(--s-6);gap:var(--s-4)}.studio-section-switch{z-index:7;padding-bottom:var(--s-2);background:var(--sticky-fade);isolation:isolate;position:sticky;top:0}.studio-section-switch .toggle-group{background:var(--surf-3);width:100%;overflow:hidden}.studio-section-switch .toggle-group__item{flex:50%}.studio-section-switch__label{align-items:center;gap:6px;display:inline-flex}
.studio-panel-actions{z-index:4;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--bd-subtle);border-radius:var(--r-lg);background:var(--surf-2);box-shadow:0 1px 0 var(--bd-hi) inset, var(--shadow-soft);display:grid;position:sticky;top:0}.studio-advanced-panel{gap:var(--s-4);padding:var(--s-4);display:grid}.studio-advanced-panel__row{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-advanced-panel__actions{gap:var(--s-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.studio-panel-actions__primary{flex:auto}.studio-panel-actions__meta-grid{gap:var(--s-3);grid-template-columns:minmax(0,1.5fr) minmax(96px,.9fr) auto;align-items:end;display:grid}.studio-panel-actions__meta-item{gap:6px;min-width:0;display:grid}.studio-panel-actions__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-size:10px}.studio-panel-actions__picker{background:var(--surf)}.studio-panel-actions__price{min-height:36px;padding-inline:12px}.studio-panel-actions__tools{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex;overflow:visible}.studio-panel-actions__hint{color:var(--fg-muted);margin:0;font-size:12px;line-height:1.45}.studio-panel-actions__row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.studio-panel-actions__row .btn,.studio-tool-picker{flex:none}.studio-tool-button,.studio-tool-picker .compact-picker__trigger{align-items:center;gap:var(--s-2);border-radius:var(--r-md);border:1px solid var(--bd-subtle);background:var(--surf);min-height:36px;color:var(--fg-dim);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);padding:0 12px;display:inline-flex}.studio-tool-button:hover,.studio-tool-picker .compact-picker__trigger:hover:not(:disabled){border-color:var(--bd-strong);background:var(--surf-2);color:var(--fg);transform:translateY(-1px)}.studio-tool-button:focus-visible,.studio-tool-picker .compact-picker__trigger:focus-visible{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-ghost);outline:none}.studio-tool-button__value{white-space:nowrap;min-width:0}.studio-tool-button svg:last-child,.studio-tool-picker .compact-picker__trigger svg:last-child{color:var(--fg-muted);transition:transform var(--t-fast), color var(--t-fast)}.studio-tool-button.is-open{border-color:var(--amber-glow);background:var(--amber-ghost);color:var(--fg)}.studio-tool-button.is-open svg:last-child{color:var(--amber-hi);transform:rotate(180deg)}
.studio-quick-panel{gap:var(--s-3);padding:var(--s-4);display:grid}.studio-quick-panel__head{gap:4px;display:grid}.studio-quick-panel__meta{color:var(--fg-muted);font-size:12px}.studio-tool-popover-anchor{flex:none;position:relative}.studio-tool-popover{width:min(320px,100vw - 72px);padding:var(--s-4);gap:var(--s-3);z-index:12;display:grid;position:absolute;top:calc(100% + 8px);right:0}.studio-tool-popover__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.studio-tool-popover__meta{color:var(--fg-muted);font-size:12px}.studio-tool-popover__body{gap:var(--s-3);display:grid}.studio-tool-popover__toggle{width:100%}.studio-tool-popover__manual{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.studio-profile-row{gap:var(--s-2);grid-template-columns:minmax(0,1.1fr) minmax(0,.92fr) auto;align-items:end;display:grid}.studio-profile-row__field{min-width:0}.studio-profile-row__settings-wrap{justify-content:flex-end;align-items:flex-end;display:flex}.studio-profile-row__settings{border-radius:var(--r-md);border-color:var(--bd);width:38px;height:38px}.studio-meta-grid{gap:var(--s-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);align-items:end;display:grid}.studio-meta-grid .label{min-width:0}.compact-picker{min-width:0;position:relative}.compact-picker__trigger{align-items:center;gap:var(--s-3);border-radius:var(--r-md);border:1px solid var(--bd);background:var(--surf);width:100%;min-height:36px;color:var(--fg);cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), color var(--t-fast);padding:0 12px;display:inline-flex}.compact-picker__trigger:hover:not(:disabled){background:var(--surf-2);border-color:var(--bd-strong)}.compact-picker__trigger:focus-visible{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-ghost);outline:none}.compact-picker__trigger:disabled{opacity:.45;cursor:not-allowed}.compact-picker__value{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;overflow:hidden}.compact-picker__trigger svg:last-child{color:var(--fg-muted);transition:transform var(--t-fast), color var(--t-fast);flex:none}.compact-picker.is-open .compact-picker__trigger svg:last-child{color:var(--amber-hi);transform:rotate(180deg)}.compact-picker__menu{--compact-picker-menu-min-width:100%;--compact-picker-menu-max-width:360px;width:max-content;min-width:var(--compact-picker-menu-min-width);max-width:min(var(--compact-picker-menu-max-width), calc(100vw - 48px));border:1px solid var(--bd);border-radius:var(--r-lg);background:var(--surf-max);box-shadow:var(--shadow-lift);z-index:16;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.compact-picker__menu--right{left:auto;right:0}.compact-picker__menu--wide{--compact-picker-menu-min-width:min(440px, calc(100vw - 48px));--compact-picker-menu-max-width:520px}.compact-picker__menu--aspect{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}.compact-picker__option{text-align:left;width:100%;color:var(--fg-dim);border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;gap:2px;padding:8px 10px;display:grid}.compact-picker__option:hover{background:var(--surf-2);border-color:var(--bd);color:var(--fg)}.compact-picker__option--active{background:var(--amber-ghost);border-color:var(--amber-glow);color:var(--fg)}.compact-picker__option-label{color:inherit;font-size:13px;font-weight:500}.compact-picker__option-meta{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px}.compact-picker__option-summary{color:var(--fg-muted);font-size:11px;line-height:1.4}.compact-picker__option-line{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.studio-aspect-row{align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.studio-aspect-row__control,.studio-aspect-row__control .compact-picker{width:fit-content}.studio-aspect-row__control .compact-picker__trigger{width:fit-content;min-width:120px}
.studio-disclosure{gap:var(--s-3);padding:var(--s-4);display:grid}.studio-disclosure__summary{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;gap:4px;padding:0;display:grid}.studio-disclosure__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-size:10px}.studio-disclosure__title{align-items:center;gap:var(--s-3);color:var(--fg);font-size:14px;font-weight:600;display:flex}.studio-disclosure__title svg:last-child{color:var(--fg-muted);transition:transform var(--t-fast), color var(--t-fast);margin-left:auto}.studio-disclosure__summary[aria-expanded=true] .studio-disclosure__title svg:last-child{color:var(--amber-hi);transform:rotate(180deg)}.studio-disclosure__meta{color:var(--fg-muted);font-size:12px;line-height:1.55}.studio-disclosure__body{gap:var(--s-4);padding-top:var(--s-1);display:grid}.studio-disclosure--view{gap:var(--s-2);padding:var(--s-3) var(--s-4)}.studio-disclosure--view .studio-disclosure__summary{gap:2px}.studio-disclosure--view .studio-disclosure__title{font-size:13px;font-weight:500}.studio-disclosure--view .studio-disclosure__meta{color:var(--fg-faint);font-size:11px}
.studio-canvas-note{gap:var(--s-3);border-radius:var(--r-md);background:var(--amber-ghost);border:1px solid var(--amber-glow);color:var(--fg-dim);animation:studio-canvas-note-in var(--motion-drop,.28s) ease-out;grid-template-columns:auto 1fr;align-items:start;padding:12px 14px;display:grid}.studio-canvas-note svg{color:var(--amber-hi);margin-top:2px}.studio-canvas-note>div{gap:4px;min-width:0;display:grid}.studio-canvas-note strong{font-size:var(--fs-13,13px);font-weight:var(--fw-semi,600);color:var(--fg)}.studio-canvas-note span{font-size:var(--fs-12,12px);color:var(--fg-muted);line-height:1.5}@keyframes studio-canvas-note-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio-canvas-note{animation:none}}

.reference-strip{gap:var(--s-2);display:grid}.reference-strip__hint{color:var(--fg-muted);font-size:12px;line-height:1.5}.reference-strip__drop{padding:var(--s-4);gap:var(--s-3);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);display:grid}.reference-strip__drop:hover{border-color:var(--bd-strong);background:var(--surf-2)}.reference-strip__drop:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-ghost)}.reference-strip__actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;justify-content:flex-end;display:flex}
.status-bar{height:var(--statusbar-h);padding:0 var(--s-5);align-items:center;gap:var(--s-4);font-family:var(--font-mono);color:var(--fg-muted);background:var(--surf);border-top:1px solid var(--bd);font-size:11px;display:flex}
@media (max-width:720px){.compact-picker__menu--aspect{grid-template-columns:1fr}}@media (max-width:1024px){.mobile-block{min-height:100vh;padding:var(--s-8);text-align:center;place-items:center;display:grid}.studio-meta-grid,.studio-profile-row{grid-template-columns:1fr}.studio-profile-row__settings-wrap{justify-content:flex-start}.studio-advanced-panel__row,.studio-panel-actions__meta-grid{grid-template-columns:1fr}.studio-panel-actions__tools{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-tool-popover-anchor,.studio-tool-popover-anchor>.studio-tool-button{width:100%}.studio-aspect-row{display:grid}.studio-aspect-row__control,.studio-aspect-row__control .compact-picker,.studio-aspect-row__control .compact-picker__trigger{width:100%}.studio-panel-actions__row .btn{flex-basis:100%}.studio-tool-popover{width:min(100%,100vw - 72px);left:0;right:auto}.studio-tool-popover__manual{grid-template-columns:1fr}}
.trash-panel{flex-direction:column;height:100%;min-height:0;display:flex}.trash-panel__head{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--bd-subtle);padding:12px 14px 10px;display:flex}.trash-panel__title{font-size:var(--fs-12,12px);font-weight:var(--fw-semi,600);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em}.trash-panel__count{font-family:var(--font-mono);font-size:var(--fs-11,11px);color:var(--fg-dim);background:var(--surf-3);border:1px solid var(--bd-subtle);border-radius:999px;margin-left:auto;padding:1px 6px}.trash-panel__empty{color:var(--fg-faint);font-size:var(--fs-12,12px);padding:18px 16px;line-height:1.4}.trash-panel__list{flex-direction:column;gap:6px;margin:0;padding:8px 10px 14px;list-style:none;display:flex;overflow-y:auto}.trash-panel__row{border:1px solid var(--bd-subtle);border-radius:var(--r-md);background:var(--surf);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.trash-panel__thumb{border-radius:var(--r-sm);background:repeating-conic-gradient(var(--chess-a) 0% 25%, var(--chess-b) 0% 50%) 0 / 12px 12px;width:40px;height:40px;color:var(--fg-faint);place-items:center;display:grid;overflow:hidden}.trash-panel__thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.trash-panel__info{flex-direction:column;gap:2px;min-width:0;display:flex}.trash-panel__name{font-size:var(--fs-12,12px);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trash-panel__meta{font-family:var(--font-mono);color:var(--fg-faint);letter-spacing:.02em;font-size:10px}.trash-panel__actions{gap:4px;display:inline-flex}.trash-panel__action{border:1px solid var(--bd-subtle);border-radius:var(--r-sm);width:28px;height:28px;color:var(--fg-muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);background:0 0;place-items:center;display:grid}.trash-panel__action:hover{color:var(--fg);background:var(--surf-3);border-color:var(--bd)}.trash-panel__action.is-destructive:hover{color:var(--err);background:#ef44441a;border-color:#ef44444d}

:root{--landing-max:1160px;--landing-gutter:clamp(20px, 4vw, 56px);--landing-section:clamp(88px, 12vw, 132px);--landing-surf:var(--surf);--landing-surf-2:var(--surf-2);--landing-surf-3:var(--surf-3);--landing-bd:var(--bd);--landing-bd-subtle:var(--bd-subtle);--landing-fg:var(--fg);--landing-fg-dim:var(--fg-dim);--landing-fg-muted:var(--fg-muted);--landing-fg-faint:var(--fg-faint);--landing-canvas-bg:var(--bg-deep);--landing-dot:#5c668a38;--landing-chess-a:#b4b9c81f;--landing-chess-b:#787d8c38;--landing-pixel-ink:#0e1218;--landing-pixel-dark:#1f2530;--landing-pixel-skin:#d9b79a;--landing-pixel-steel:#9faab9;--landing-pixel-belt:#6b4a2f;--landing-pixel-red:#b94235;--accent:#6d717a;--accent-soft:#6d717a66;--marker:#ff3b30;--marker-ink:#ffb9b3}[data-theme=light]{--landing-dot:#3c46641f;--landing-chess-a:#dce2f0b3;--landing-chess-b:#c8cedce6}.blueprint-canvas-root[data-board-motion] .blueprint-frame,.blueprint-canvas-root[data-board-motion] .blueprint-group,.blueprint-canvas-root[data-board-motion] .blueprint-frame__image,.blueprint-canvas-root[data-board-motion] .blueprint-frame__head-actions,.blueprint-canvas-root[data-board-motion] .sequence-edge,.blueprint-canvas-root[data-board-motion] .react-flow__edge-path,html[data-board-transition] [data-board-dive-clone],html[data-board-transition] [data-board-dive-clone] *{transition:none!important;animation:none!important}.blueprint-canvas-root[data-board-motion] .sequence-edge.is-active{filter:none!important;stroke-dashoffset:0!important}.blueprint-canvas-root[data-board-motion=returning] .blueprint-frame__image{opacity:1!important;transform:none!important}
.landing{background:var(--bg);min-height:100vh;color:var(--fg);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow-x:hidden}.landing:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(720px 320px at 12% -4%,#5e6ad21a,#0000 60%),radial-gradient(560px 260px at 92% 4%,#ff855012,#0000 65%);position:absolute;inset:0}.landing>*{z-index:1;position:relative}
.landing__nav{z-index:5;padding:14px var(--landing-gutter);align-items:center;gap:var(--s-5);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);border-bottom:1px solid color-mix(in srgb, var(--bd-subtle) 60%, transparent);display:flex;position:sticky;top:0}.landing__brand-link{border-radius:var(--r-sm);transition:background var(--t-fast);align-items:center;padding:4px 6px;display:inline-flex}.landing__brand-link:hover{background:var(--surf-2)}.landing__brand-link:focus-visible{background:var(--surf-2);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.landing__brand-logo{width:96px;min-width:96px}.landing__nav-actions{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.landing__nav-link{color:var(--fg-muted);border-radius:var(--r-sm);transition:color var(--t-fast), background var(--t-fast);align-items:center;padding:8px 12px;font-size:13px;display:inline-flex}.landing__nav-link:hover{color:var(--fg);background:var(--surf-2)}.landing__nav-cta{height:34px;margin-left:8px}
.landing__hero{padding:clamp(56px, 9vw, 104px) var(--landing-gutter) clamp(48px, 6vw, 72px);max-width:var(--landing-max);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,72px);width:100%;margin:0 auto;display:grid}.landing__hero-copy{gap:22px;display:grid}.landing__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:8px;width:max-content;font-size:11px;display:inline-flex}.landing__eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent-soft);border-radius:999px}.landing__title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--fg);max-width:18ch;font-size:clamp(38px,5.8vw,68px);font-weight:600;line-height:.98}.landing__title em{color:var(--accent);font-style:normal}.landing__lead{color:var(--fg-dim);max-width:52ch;font-size:clamp(15px,1.25vw,17px);line-height:1.6}.landing__cta{flex-wrap:wrap;align-items:center;gap:14px;padding-top:6px;display:flex}.landing__cta-primary{gap:8px;height:44px;padding:0 20px;font-size:14px}.landing__cta-secondary{color:var(--fg-dim);transition:color var(--t-fast);align-items:center;gap:6px;padding:8px 2px;font-size:13px;display:inline-flex}.landing__cta-secondary:hover{color:var(--fg)}.landing__cta-secondary:hover svg{transform:translate(2px)}.landing__cta-secondary svg{transition:transform var(--t-fast)}.landing__hero-art{box-shadow:0 1px 0 var(--bd-hi) inset, 0 28px 80px -24px #05080f73;border:1px solid var(--bd-subtle);border-radius:20px;position:relative;overflow:hidden}.blueprint-hero-art,.paint-marker-art,.sprite-strip-art{width:100%;height:auto;display:block}
.landing__stats{max-width:var(--landing-max);padding:clamp(24px, 4vw, 40px) var(--landing-gutter);border-top:1px solid var(--bd-subtle);border-bottom:1px solid var(--bd-subtle);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(20px,3vw,40px);margin:0 auto;display:grid}.landing__stat{gap:4px;display:grid}.landing__stat strong{font-family:var(--font-display);color:var(--fg);letter-spacing:-.015em;font-size:clamp(26px,3vw,34px);font-weight:600}.landing__stat span{color:var(--fg-muted);font-size:12px;line-height:1.4}
.landing__section-head{max-width:62ch;padding:0 var(--landing-gutter);text-align:center;gap:12px;margin:0 auto clamp(32px,4vw,48px);display:grid}.landing__section-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px}.landing__section-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);font-size:clamp(26px,3.4vw,40px);font-weight:600;line-height:1.1}.landing__section-lead{color:var(--fg-dim);font-size:15px;line-height:1.6}

.landing__canvas{padding:var(--landing-section) 0;max-width:var(--landing-max);width:100%;margin:0 auto}.landing__canvas-split{padding:0 var(--landing-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.landing__canvas-points{gap:28px;display:grid}.landing__canvas-point{grid-template-columns:44px 1fr;align-items:flex-start;gap:18px;display:grid}.landing__canvas-point-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;padding-top:4px;font-size:13px}.landing__canvas-point h3{color:var(--fg);letter-spacing:-.005em;margin-bottom:6px;font-size:16px;font-weight:600}.landing__canvas-point p{color:var(--fg-muted);font-size:14px;line-height:1.6}.landing__canvas-art{border:1px solid var(--bd-subtle);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px -20px #05080f59}
.landing__strip{padding:0 var(--landing-gutter) var(--landing-section);max-width:var(--landing-max);gap:18px;width:100%;margin:0 auto;display:grid}.landing__strip-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);font-size:10px}.landing__strip svg{border:1px solid var(--bd-subtle);border-radius:14px;box-shadow:0 16px 44px -20px #05080f4d}
.landing__pricing{padding:var(--landing-section) 0;max-width:var(--landing-max);width:100%;margin:0 auto}.landing__pricing-table{margin:0 var(--landing-gutter);border:1px solid var(--bd-subtle);background:var(--surf);border-radius:14px;overflow:hidden;box-shadow:0 16px 44px -24px #05080f47}
.landing__pricing-row{border-bottom:1px solid var(--bd-subtle);transition:background var(--t-fast);grid-template-columns:1.2fr .7fr .7fr 1.4fr;align-items:center;gap:16px;padding:18px 24px;font-size:14px;display:grid}.landing__pricing-row:last-child{border-bottom:none}.landing__pricing-row:not(.landing__pricing-row--head):hover{background:var(--surf-2)}.landing__pricing-row--head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);background:var(--surf-2);padding:14px 24px;font-size:11px}
.landing__pricing-model strong{color:var(--fg);letter-spacing:-.005em;margin-bottom:2px;font-size:15px;display:block}.landing__pricing-model em{color:var(--fg-muted);font-size:12px;font-style:normal}.landing__pricing-flow{font-family:var(--font-mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid var(--accent-soft);border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.landing__pricing-dash{color:var(--fg-faint)}.landing__pricing-legacy{font-family:var(--font-mono);color:var(--fg-dim);font-size:13px}.landing__pricing-use{color:var(--fg-muted);font-size:13px}

.landing__how{padding:var(--landing-section) 0;max-width:var(--landing-max);width:100%;margin:0 auto}.landing__steps{padding:0 var(--landing-gutter);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3vw,40px);margin:0;list-style:none;display:grid}.landing__step{border-left:1px solid var(--bd-subtle);gap:10px;padding:24px;display:grid}.landing__step-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;font-size:13px}.landing__step h3{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;font-size:18px;font-weight:600}.landing__step p{color:var(--fg-muted);font-size:14px;line-height:1.6}
.landing__faq{padding:var(--landing-section) 0;width:100%;max-width:880px;margin:0 auto}.landing__faq-list{padding:0 var(--landing-gutter);background:var(--bd-subtle);border:1px solid var(--bd-subtle);border-radius:14px;gap:1px;margin:0;display:grid;overflow:hidden}.landing__faq-item{background:var(--surf);gap:8px;padding:24px 28px;display:grid}.landing__faq-item dt{color:var(--fg);letter-spacing:-.005em;font-size:15px;font-weight:600}.landing__faq-item dd{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.6}
.landing__final{padding:var(--landing-section) var(--landing-gutter);max-width:var(--landing-max);text-align:center;border-top:1px solid var(--bd-subtle);justify-items:center;gap:24px;width:100%;margin:0 auto;display:grid}.landing__final-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);max-width:22ch;font-size:clamp(28px,3.8vw,44px);font-weight:600;line-height:1.1}.landing__final-cta{height:48px;padding:0 24px;font-size:15px}.landing__final-meta{color:var(--fg-muted);font-size:12px}.landing__footer{padding:36px var(--landing-gutter);border-top:1px solid var(--bd-subtle);color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;font-size:12px;display:flex}.landing__footer-brand{align-items:center;gap:14px;display:inline-flex}.landing__footer-logo{width:70px}.landing__footer-nav{flex-wrap:wrap;gap:22px;display:inline-flex}.landing__footer-nav a{color:var(--fg-muted);transition:color var(--t-fast)}.landing__footer-nav a:hover{color:var(--fg)}.landing__footer-nav a:focus-visible{color:var(--fg);box-shadow:0 0 0 2px var(--accent-soft);border-radius:2px;outline:none}
@media (max-width:960px){.landing__hero,.landing__canvas-split{grid-template-columns:1fr}.landing__pricing-row{grid-template-columns:1fr 1fr;gap:10px}.landing__pricing-row--head{display:none}.landing__pricing-model{grid-column:1/-1}.landing__pricing-use{color:var(--fg-faint);grid-column:1/-1}}@media (max-width:640px){.landing__nav-link:first-child,.landing__nav-link:nth-child(2),.landing__nav-link:nth-child(3){display:none}.landing__title{max-width:none}.landing__step{border-left:none;border-top:1px solid var(--bd-subtle);padding:20px 0}}

.doc-shell{max-width:64ch;padding:var(--s-8) var(--s-6);gap:var(--s-5);color:var(--fg-dim);margin:0 auto;line-height:1.7;display:grid}.doc-shell h1{font-size:clamp(26px,3vw,36px);line-height:1.15}.doc-shell h2{color:var(--fg);margin-top:var(--s-6);font-size:18px;line-height:1.3}.doc-shell p{color:var(--fg-dim);max-width:62ch;font-size:14px}.doc-shell ul{gap:var(--s-2);color:var(--fg-dim);padding-left:20px;display:grid}.doc-shell a:not(.doc-shell__back){color:var(--fg);border-bottom:1px dashed var(--bd-strong);transition:color var(--t-fast), border-color var(--t-fast)}.doc-shell a:not(.doc-shell__back):hover{color:var(--amber-ink);border-color:var(--amber)}.doc-shell a:not(.doc-shell__back):focus-visible{color:var(--amber-ink);box-shadow:0 0 0 3px var(--amber-ghost);border-radius:2px;outline:none}.doc-shell__back{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--amber-ink);border-radius:var(--r-xs);width:max-content;transition:color var(--t-fast), background var(--t-fast);padding:4px 6px;font-size:11px}.doc-shell__back:hover{color:var(--fg);background:var(--amber-ghost)}.doc-shell__back:focus-visible{color:var(--fg);box-shadow:0 0 0 2px var(--amber-ghost);outline:none}.design-shell{padding:var(--s-7);gap:var(--s-6);max-width:1100px;margin:0 auto;display:grid}.design-grid{gap:var(--s-5);display:grid}.design-card{padding:var(--s-6);border:1px solid var(--bd);border-radius:var(--r-xl);background:var(--surf);gap:var(--s-4);box-shadow:var(--shadow-lift);display:grid}.design-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.design-swatch{border-radius:var(--r-md);border:1px solid var(--bd);width:64px;height:64px;font-family:var(--font-mono);color:#0000008c;place-items:end;padding:6px;font-size:10px;display:grid}[data-theme=dark] .design-swatch{color:#ffffffb3}
[data-board-dive-clone]{isolation:isolate;overflow:hidden}