:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:25px;--fs-2xl:31px;--fs-3xl:39px;--fs-4xl:49px;--fs-5xl:61px;--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.6;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 2px 8px #00000014, 0 1px 2px #0000000a;--shadow-3:0 8px 30px #00000024, 0 2px 6px #0000000f;--t-fast:.12s ease-out;--t-base:.2s ease-out;--t-enter:.3s;--t-emph:.45s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--w-content:1120px;--w-prose:68ch;--w-sidebar:260px;--h-control:40px;--h-control-sm:32px;--h-row:44px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--z-sticky:100;--z-nav:200;--z-dropdown:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--focus)}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-base:0s;--t-enter:0s;--t-emph:0s}}:root,[data-theme=paper]{--bg:#f6f2e9;--surface:#fff;--surface-2:#fbf8f1;--ink:#1c1a16;--ink-muted:#6b6558;--ink-faint:#a39c8d;--line:#e6dfd0;--line-strong:#c9c0ad;--accent:#c2401c;--accent-hover:#a83618;--accent-ink:#fff;--highlight:#c9f158;--highlight-ink:#1c1a16;--danger:#b42318;--success:#1b7a3d;--warn:#b45309;--chart-1:#c2401c;--chart-2:#2e5e3a;--chart-3:#b45309;--chart-4:#33658a;--chart-5:#7a4988;--chart-6:#6b6558;--chart-grid:#e6dfd0;--chart-label:#6b6558;--focus:#c2401c;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=paper][data-mode=app]{--bg:#fbf9f4;--font-display:"Inter", -apple-system, system-ui, sans-serif}[data-theme=clean]{--bg:#fff;--surface:#fff;--surface-2:#f4f4f5;--ink:#09090b;--ink-muted:#52525b;--ink-faint:#a1a1aa;--line:#e4e4e7;--line-strong:#c8c8ce;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-ink:#fff;--highlight:#dbeafe;--highlight-ink:#09090b;--danger:#dc2626;--success:#16a34a;--warn:#d97706;--chart-1:#2563eb;--chart-2:#16a34a;--chart-3:#d97706;--chart-4:#dc2626;--chart-5:#7c3aed;--chart-6:#0891b2;--chart-grid:#e4e4e7;--chart-label:#52525b;--focus:#2563eb;--font-display:"Inter", -apple-system, system-ui, sans-serif;--font-body:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=clean][data-scheme=dark]{--bg:#09090b;--surface:#111113;--surface-2:#1b1b1f;--ink:#fafafa;--ink-muted:#a1a1aa;--ink-faint:#63636b;--line:#232327;--line-strong:#3a3a40;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-ink:#fff;--highlight:#1e3a5f;--highlight-ink:#fafafa;--danger:#f87171;--success:#4ade80;--warn:#fbbf24;--chart-1:#60a5fa;--chart-2:#4ade80;--chart-3:#fbbf24;--chart-4:#f87171;--chart-5:#c084fc;--chart-6:#22d3ee;--chart-grid:#232327;--chart-label:#a1a1aa;--focus:#3b82f6}[data-theme=studio]{--bg:#0a0a0b;--surface:#141416;--surface-2:#1d1d20;--ink:#f4f4f5;--ink-muted:#9c9ca4;--ink-faint:#5c5c64;--line:#232326;--line-strong:#333338;--accent:#fff;--accent-hover:#e4e4e7;--accent-ink:#0a0a0b;--highlight:#2e2e33;--highlight-ink:#f4f4f5;--danger:#f87171;--success:#4ade80;--warn:#fbbf24;--chart-1:#8fb0ff;--chart-2:#4ade80;--chart-3:#fbbf24;--chart-4:#f87171;--chart-5:#c084fc;--chart-6:#22d3ee;--chart-grid:#232326;--chart-label:#9c9ca4;--focus:#5b8cff;--link:#8fb0ff;--font-display:"Inter", -apple-system, system-ui, sans-serif;--font-body:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=studio][data-scheme=light]{--bg:#f7f7f5;--surface:#fff;--surface-2:#efefed;--ink:#1a1a1a;--ink-muted:#6b6b6b;--ink-faint:#9c9c9c;--line:#e8e8e5;--line-strong:#d8d8d4;--accent:#1a1a1a;--accent-hover:#333;--accent-ink:#fff;--highlight:#eaeae7;--highlight-ink:#1a1a1a;--danger:#c24848;--success:#2e7d4f;--warn:#a87428;--chart-grid:#e8e8e5;--chart-label:#6b6b6b;--focus:#3b6fe0;--link:#3157c4}[data-theme=studio]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=studio][data-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=clean][data-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}:where(a){color:var(--link,var(--accent))}:where(button,input,select,textarea){font:inherit}:where(:focus-visible){box-shadow:var(--focus-ring);outline:none}[data-theme=paper][data-mode=app]{--bg:#fff;--accent:#3e63f2;--accent-hover:#2f4fd8;--focus:#3e63f2;--highlight:#e9eefe;--highlight-ink:#2f4fd8;--font-body:"Inter Variable", "Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace}
*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,dl,dd,figure{margin:0}.icon{flex-shrink:0;width:20px;height:20px}.icon-16{width:16px;height:16px}.icon-32{width:32px;height:32px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--h-control);padding:0 var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-sm{height:var(--h-control-sm);padding:0 var(--sp-3);font-size:var(--fs-xs)}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.field{gap:var(--sp-2);flex-direction:column;display:flex}.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink)}.input{height:var(--h-control);padding:0 var(--sp-3);background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:var(--fs-sm);transition:border-color var(--t-fast)}.input::placeholder{color:var(--ink-faint)}.input:hover{border-color:var(--ink-faint)}.hint{font-size:var(--fs-xs);color:var(--ink-muted)}.form{gap:var(--sp-5);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-body{padding:var(--sp-5)}.alert{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-sm);align-items:center;display:flex}.alert .alert-body{flex:1}.alert-warn{border-color:color-mix(in srgb, var(--warn) 35%, transparent);background:color-mix(in srgb, var(--warn) 8%, transparent)}.alert-danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.alert-warn>.icon{color:var(--warn)}.alert-danger>.icon{color:var(--danger)}.empty{place-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--ink-muted);display:grid}.empty p{color:var(--ink-muted);font-size:var(--fs-sm);max-width:46ch}.empty-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--ink)}.app{height:100dvh;display:flex}.side{width:var(--w-sidebar);background:var(--surface);border-right:1px solid var(--line);padding:var(--sp-4);gap:var(--sp-1);flex-direction:column;flex:none;display:flex}.side nav{margin-top:var(--sp-4);flex-direction:column;gap:2px;display:flex}.side-foot{padding-top:var(--sp-3);border-top:1px solid var(--line);align-items:center;gap:var(--sp-3);margin-top:auto;display:flex}.pane{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);border-bottom:1px solid var(--line);background:var(--surface);flex:none;height:56px;display:flex}.topbar h1{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.sync-strip{align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-muted);flex-shrink:0;display:flex}.banner-zone{flex-direction:column;flex:none;display:flex}.scroll{min-height:0;padding:var(--sp-6);flex:1;overflow-y:auto}.page{gap:var(--sp-5);flex-direction:column;max-width:980px;margin:0 auto;display:flex}.nav-item{align-items:center;gap:var(--sp-3);height:36px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--ink-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--highlight);color:var(--highlight-ink)}.nav-item.is-inert{cursor:not-allowed;color:var(--ink-faint)}.nav-item.is-inert:hover{color:var(--ink-faint);background:0 0}.nav-item .soon{font-size:10px;font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 var(--sp-2);margin-left:auto;line-height:18px}.icon-btn{border-radius:var(--r-md);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.avatar{background:var(--highlight);width:32px;height:32px;color:var(--highlight-ink);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.brand{align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);font-size:var(--fs-md);padding:0 var(--sp-2);display:flex}.brand-mark{background:var(--accent);border-radius:4px;width:14px;height:14px}.auth{min-height:100dvh;padding:var(--sp-5);place-items:center;display:grid}.auth-card{gap:var(--sp-5);flex-direction:column;width:min(400px,100%);display:flex}