.dialog-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.dialog{width:620px;max-width:90vw;max-height:80vh;overflow-y:auto;background:var(--surface-3);border:1px solid var(--ui-border);border-radius:12px;padding:calc(16px * var(--chrome-density));box-shadow:0 24px 60px #00000080}.plan-toggle{display:flex;gap:var(--s-2);justify-content:center;margin:var(--s-4) 0 var(--s-5)}.plan-save{opacity:.75;font-size:11px;margin-left:4px}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-4);align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;gap:var(--s-3);background:var(--surface-3);border:1px solid var(--ui-border);border-radius:14px;padding:var(--s-5)}.plan-card-featured{border-color:var(--ui-accent);box-shadow:0 8px 32px #0000002e}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--ui-accent);color:var(--brand-ink);font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;white-space:nowrap}.plan-blurb{color:var(--ui-text-muted);font-size:13px;min-height:34px}.plan-price strong{font-size:28px;font-family:var(--display-font, "Space Grotesk"),sans-serif}.plan-price span{color:var(--ui-text-muted);font-size:12px}.plan-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--s-2);font-size:13px;flex:1}.plan-features li:before{content:"✓ ";color:var(--ui-accent)}.upsell-modal{position:relative;width:440px;text-align:center}.upsell-close{position:absolute;top:var(--s-2);right:var(--s-2);min-width:32px;min-height:32px;font-size:18px;line-height:1}.upsell-modal h2{margin-bottom:var(--s-3)}.upsell-modal p{color:var(--ui-text-muted);font-size:14px;line-height:1.5}.upsell-modal-wide{width:720px;text-align:left}.upsell-reason{font-weight:600}.upsell-actions{display:flex;justify-content:center;gap:var(--s-2);margin-top:var(--s-5)}.usage-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.plan-billing-note{background:var(--ui-accent-soft);color:var(--ui-text);border:1px solid var(--ui-accent);border-radius:var(--r-sm);margin-bottom:var(--s-4)}.plan-note{font-size:var(--t-sm);color:var(--ui-text-muted);padding:var(--s-2) 0}.access-code-panel{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--ui-border);text-align:left}.access-code-label{font-size:var(--t-sm);font-weight:600;color:var(--ui-text)}.access-code-row{display:flex;gap:var(--s-2);align-items:center}.access-code-row input{flex:1;min-width:0;padding:var(--s-2) var(--s-3);border:1px solid var(--ui-border-strong);border-radius:var(--r-sm);background:var(--ui-bg-soft);color:var(--ui-text);font:inherit;letter-spacing:.02em}.access-code-status{margin-top:var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--ui-accent-soft);border:1px solid var(--ui-accent);color:var(--ui-text);font-size:var(--t-sm);font-weight:600}.access-code-ok{color:var(--ui-text);font-size:var(--t-sm);font-weight:600}.access-code-err{color:var(--ui-danger-ink, #b23);font-size:var(--t-sm)}.plan-via-code{color:var(--ui-text-muted);font-size:var(--t-sm)}.user-menu{position:relative}.user-menu-anon{display:flex;gap:var(--s-2)}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--ui-border);background:var(--ui-accent);color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:260px;background:var(--surface-3);border:1px solid var(--ui-border);border-radius:12px;box-shadow:0 16px 40px #00000059;padding:var(--s-2);z-index:240;display:flex;flex-direction:column}.user-dropdown-head{display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--ui-border);margin-bottom:var(--s-2);font-size:12px}.user-dropdown-head span{color:var(--ui-text-muted)}.plan-chip{align-self:flex-start;margin-top:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid var(--ui-border);color:var(--ui-text)}.plan-chip-pro,.plan-chip-team{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.user-usage{padding:var(--s-2) var(--s-3);font-size:12px;color:var(--ui-text-muted)}.user-usage-bar{margin-top:6px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.user-usage-fill{height:100%;background:var(--ui-accent)}.user-dropdown-item{display:block;width:100%;text-align:left;padding:var(--s-2) var(--s-3);border:none;background:none;color:var(--ui-text);font-size:13px;border-radius:8px;cursor:pointer;text-decoration:none}.user-dropdown-item:hover{background:var(--surface-2)}.dialog-backdrop{background:#0a080673;-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}.dialog{border-radius:var(--r-xl);box-shadow:var(--e-4),0 30px 80px #00000059;animation:chrome-pop var(--dur-3) var(--ease-soft);transform-origin:center}@media(max-width:760px){.dialog{width:auto;max-width:94vw;max-height:86vh}}@media(prefers-reduced-motion:reduce){.dialog{animation:none}}.service-notice{position:fixed;inset-inline:0;bottom:var(--s-3);z-index:60;margin-inline:auto;width:max-content;max-width:min(92vw,34rem);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--ui-border);border-radius:var(--r-2);background:var(--ui-surface);color:var(--ui-text-muted);font-size:var(--t-2xs);box-shadow:0 8px 24px #0000002e}.service-notice-retry{border:1px solid var(--ui-border);border-radius:var(--r-1);background:none;color:inherit;cursor:pointer;padding:0 var(--s-2);font:inherit}.service-notice-retry:disabled{cursor:default;opacity:.6}:root{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 80px;--radius-scale: 1;--r-xs: calc(6px * var(--radius-scale));--r-sm: calc(9px * var(--radius-scale));--r-md: calc(12px * var(--radius-scale));--r-lg: calc(16px * var(--radius-scale));--r-xl: calc(20px * var(--radius-scale));--r-2xl: calc(26px * var(--radius-scale));--r-pill: 999px;--radius: var(--r-md);--chrome-density: 1;--t-2xs: 11px;--t-xs: 12px;--t-sm: 13px;--t-md: 14px;--t-lg: 16px;--t-xl: 20px;--t-2xl: 26px;--t-3xl: 34px;--t-4xl: clamp(34px, 4.4vw, 56px);--lh-tight: 1.14;--lh-snug: 1.35;--lh-normal: 1.55;--caps: .08em;--brand-1: #2dd4bf;--brand-2: #38bdf8;--brand: linear-gradient(118deg, var(--brand-1), var(--brand-2));--brand-ink: #06231f;--ui-accent: #14b8a6;--ui-ok: #4ade80;--ui-display: "Space Grotesk", "Inter", sans-serif;--ui-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.16, 1, .3, 1);--dur-1: .11s;--dur-2: .17s;--dur-3: .26s;--lift: -1px;--rail-slides: 200px;--rail-inspector: 300px;--rail-code: 520px;--dock-gap: var(--s-3);--ui-bg: #f6f3ee;--ui-bg-soft: #ffffff;--surface-1: rgba(30, 22, 12, .035);--surface-2: #ffffff;--surface-3: #ffffff;--surface-4: #fbf8f3;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(30, 22, 12, .045);--ui-sunken: rgba(30, 22, 12, .06);--ui-border: rgba(30, 22, 12, .11);--ui-border-strong: rgba(30, 22, 12, .2);--overlay-weak: rgba(30, 22, 12, .045);--overlay-med: rgba(30, 22, 12, .09);--overlay-strong: rgba(30, 22, 12, .16);--ui-text: #241d17;--ui-text-muted: #6c6257;--ui-accent-soft: rgba(45, 212, 191, .12);--ui-danger: #c53030;--ui-danger-bg: #fce4e2;--ui-danger-ink: #7c1d1d;--e-1: 0 1px 2px rgba(30, 22, 12, .08);--e-2: 0 2px 6px rgba(30, 22, 12, .09), 0 1px 2px rgba(30, 22, 12, .06);--e-3: 0 8px 22px rgba(30, 22, 12, .12), 0 2px 6px rgba(30, 22, 12, .08);--e-4: 0 18px 44px rgba(30, 22, 12, .16), 0 4px 10px rgba(30, 22, 12, .1);--e-5: 0 32px 76px rgba(30, 22, 12, .22), 0 8px 18px rgba(30, 22, 12, .12);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(45, 212, 191, .22)}[data-theme=dark]{--ui-bg: #0c0b10;--ui-bg-soft: #131118;--surface-1: rgba(255, 255, 255, .04);--surface-2: #17151e;--surface-3: #1e1b27;--surface-4: #24212f;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(255, 255, 255, .07);--ui-sunken: rgba(0, 0, 0, .3);--ui-border: rgba(255, 255, 255, .1);--ui-border-strong: rgba(255, 255, 255, .18);--overlay-weak: rgba(255, 255, 255, .07);--overlay-med: rgba(255, 255, 255, .14);--overlay-strong: rgba(255, 255, 255, .25);--ui-text: #f4f1f5;--ui-text-muted: #a9a3b5;--ui-accent-soft: rgba(45, 212, 191, .16);--ui-danger: #ff8f8f;--ui-danger-bg: #6d1b1b;--ui-danger-ink: #ffdede;--e-1: 0 1px 2px rgba(0, 0, 0, .34);--e-2: 0 2px 6px rgba(0, 0, 0, .34), 0 1px 2px rgba(0, 0, 0, .26);--e-3: 0 8px 20px rgba(0, 0, 0, .42), 0 2px 5px rgba(0, 0, 0, .3);--e-4: 0 18px 44px rgba(0, 0, 0, .5), 0 4px 10px rgba(0, 0, 0, .34);--e-5: 0 32px 76px rgba(0, 0, 0, .62), 0 8px 18px rgba(0, 0, 0, .4);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(45, 212, 191, .3)}[data-theme=midnight]{--ui-bg: #090a14;--ui-bg-soft: #0e1020;--surface-1: rgba(150, 168, 255, .045);--surface-2: #14162a;--surface-3: #191c34;--surface-4: #20233f;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(150, 168, 255, .08);--ui-sunken: rgba(0, 0, 0, .32);--ui-border: rgba(150, 168, 255, .14);--ui-border-strong: rgba(150, 168, 255, .24);--overlay-weak: rgba(150, 168, 255, .08);--overlay-med: rgba(150, 168, 255, .15);--overlay-strong: rgba(150, 168, 255, .26);--ui-text: #edeeff;--ui-text-muted: #9ba0c8;--ui-accent-soft: rgba(45, 212, 191, .18);--ui-danger: #ff8f8f;--ui-danger-bg: #5c1c2e;--ui-danger-ink: #ffdcdc;--e-1: 0 1px 2px rgba(0, 0, 4, .4);--e-2: 0 2px 6px rgba(0, 0, 4, .4), 0 1px 2px rgba(0, 0, 4, .3);--e-3: 0 8px 20px rgba(0, 0, 4, .48), 0 2px 5px rgba(0, 0, 4, .34);--e-4: 0 18px 44px rgba(0, 0, 4, .56), 0 4px 10px rgba(0, 0, 4, .38);--e-5: 0 32px 76px rgba(0, 0, 4, .68), 0 8px 18px rgba(0, 0, 4, .44);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(45, 212, 191, .3)}[data-theme=sunset]{--ui-bg: #fbeee1;--ui-bg-soft: #fff8f1;--surface-1: rgba(120, 58, 20, .04);--surface-2: #fffcf9;--surface-3: #fffcf9;--surface-4: #fdf1e3;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(120, 58, 20, .05);--ui-sunken: rgba(120, 58, 20, .065);--ui-border: rgba(120, 58, 20, .13);--ui-border-strong: rgba(120, 58, 20, .22);--overlay-weak: rgba(120, 58, 20, .05);--overlay-med: rgba(120, 58, 20, .1);--overlay-strong: rgba(120, 58, 20, .18);--ui-text: #2e1c10;--ui-text-muted: #8a6f5c;--ui-accent-soft: rgba(45, 212, 191, .14);--ui-danger: #c53030;--ui-danger-bg: #fbe0d8;--ui-danger-ink: #7c2410;--e-1: 0 1px 2px rgba(60, 30, 10, .09);--e-2: 0 2px 6px rgba(60, 30, 10, .1), 0 1px 2px rgba(60, 30, 10, .07);--e-3: 0 8px 22px rgba(60, 30, 10, .13), 0 2px 6px rgba(60, 30, 10, .09);--e-4: 0 18px 44px rgba(60, 30, 10, .18), 0 4px 10px rgba(60, 30, 10, .11);--e-5: 0 32px 76px rgba(60, 30, 10, .24), 0 8px 18px rgba(60, 30, 10, .13);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(45, 212, 191, .24)}[data-theme=cream-soda]{--ui-bg: #fff1e6;--ui-bg-soft: #fffbf7;--surface-1: rgba(120, 40, 20, .04);--surface-2: #ffffff;--surface-3: #ffffff;--surface-4: #fff6ed;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(120, 40, 20, .05);--ui-sunken: rgba(120, 40, 20, .065);--ui-border: rgba(120, 40, 20, .13);--ui-border-strong: rgba(120, 40, 20, .22);--overlay-weak: rgba(120, 40, 20, .05);--overlay-med: rgba(120, 40, 20, .1);--overlay-strong: rgba(120, 40, 20, .18);--ui-text: #2e1408;--ui-text-muted: #8a6152;--ui-accent-soft: rgba(255, 107, 129, .14);--ui-danger: #c53030;--ui-danger-bg: #fbe0d8;--ui-danger-ink: #7c2410;--e-1: 0 1px 2px rgba(60, 24, 8, .09);--e-2: 0 2px 6px rgba(60, 24, 8, .1), 0 1px 2px rgba(60, 24, 8, .07);--e-3: 0 8px 22px rgba(60, 24, 8, .13), 0 2px 6px rgba(60, 24, 8, .09);--e-4: 0 18px 44px rgba(60, 24, 8, .18), 0 4px 10px rgba(60, 24, 8, .11);--e-5: 0 32px 76px rgba(60, 24, 8, .24), 0 8px 18px rgba(60, 24, 8, .13);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(255, 107, 129, .26);--radius-scale: 1.3;--dur-1: 90ms;--dur-2: .14s;--dur-3: .22s;--ease: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.3, 1.3, .6, 1);--ui-display: "Bricolage Grotesque", "Inter", sans-serif;--ui-accent: #ff6b81;--brand-1: #ff9466;--brand-2: #ff6b95;--brand: linear-gradient(118deg, var(--brand-1), var(--brand-2));--brand-ink: #2e0e14}[data-theme=terminal]{--ui-bg: #050806;--ui-bg-soft: #0a100c;--surface-1: rgba(57, 255, 136, .045);--surface-2: #0d1510;--surface-3: #101c14;--surface-4: #142218;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(57, 255, 136, .07);--ui-sunken: rgba(0, 0, 0, .3);--ui-border: rgba(57, 255, 136, .16);--ui-border-strong: rgba(57, 255, 136, .28);--overlay-weak: rgba(57, 255, 136, .07);--overlay-med: rgba(57, 255, 136, .14);--overlay-strong: rgba(57, 255, 136, .25);--ui-text: #d6ffe6;--ui-text-muted: #6fae85;--ui-accent-soft: rgba(57, 255, 136, .16);--ui-danger: #ff8f8f;--ui-danger-bg: #6d1b1b;--ui-danger-ink: #ffdede;--e-1: 0 1px 2px rgba(0, 0, 0, .34);--e-2: 0 2px 6px rgba(0, 0, 0, .34), 0 1px 2px rgba(0, 0, 0, .26);--e-3: 0 8px 20px rgba(0, 0, 0, .42), 0 2px 5px rgba(0, 0, 0, .3);--e-4: 0 18px 44px rgba(0, 0, 0, .5), 0 4px 10px rgba(0, 0, 0, .34);--e-5: 0 32px 76px rgba(0, 0, 0, .62), 0 8px 18px rgba(0, 0, 0, .4);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(57, 255, 136, .32);--radius-scale: .4;--chrome-density: .9;--dur-1: 70ms;--dur-2: .11s;--dur-3: .16s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--caps: .12em;--ui-display: "IBM Plex Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ui-accent: #39ff88;--brand-1: #39ff88;--brand-2: #0fdba8;--brand: linear-gradient(118deg, var(--brand-1), var(--brand-2));--brand-ink: #04150c}[data-theme=paperback]{--ui-bg: #f7f2e7;--ui-bg-soft: #fffdf7;--surface-1: rgba(40, 30, 15, .035);--surface-2: #ffffff;--surface-3: #ffffff;--surface-4: #fbf7ee;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(40, 30, 15, .045);--ui-sunken: rgba(40, 30, 15, .06);--ui-border: rgba(40, 30, 15, .11);--ui-border-strong: rgba(40, 30, 15, .2);--overlay-weak: rgba(40, 30, 15, .045);--overlay-med: rgba(40, 30, 15, .09);--overlay-strong: rgba(40, 30, 15, .16);--ui-text: #241c10;--ui-text-muted: #6e6250;--ui-accent-soft: rgba(180, 50, 31, .12);--ui-danger: #c53030;--ui-danger-bg: #fce4e2;--ui-danger-ink: #7c1d1d;--e-1: 0 1px 2px rgba(40, 30, 15, .08);--e-2: 0 2px 6px rgba(40, 30, 15, .09), 0 1px 2px rgba(40, 30, 15, .06);--e-3: 0 8px 22px rgba(40, 30, 15, .12), 0 2px 6px rgba(40, 30, 15, .08);--e-4: 0 18px 44px rgba(40, 30, 15, .16), 0 4px 10px rgba(40, 30, 15, .1);--e-5: 0 32px 76px rgba(40, 30, 15, .22), 0 8px 18px rgba(40, 30, 15, .12);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(180, 50, 31, .18);--radius-scale: .65;--chrome-density: 1.05;--dur-1: .13s;--dur-2: .21s;--dur-3: .32s;--ease-soft: cubic-bezier(.2, .9, .3, 1);--caps: .06em;--ui-display: "Fraunces", "Source Serif 4", serif;--ui-accent: #b4321f;--brand-1: #b4321f;--brand-2: #7a2313;--brand: linear-gradient(118deg, var(--brand-1), var(--brand-2));--brand-ink: #fbf2ea}[data-theme=disco]{--ui-bg: #120a1f;--ui-bg-soft: #180f28;--surface-1: rgba(196, 120, 255, .05);--surface-2: #1d1230;--surface-3: #241639;--surface-4: #2c1b45;--ui-panel: var(--surface-1);--ui-panel-solid: var(--surface-2);--ui-raised: rgba(196, 120, 255, .08);--ui-sunken: rgba(0, 0, 0, .32);--ui-border: rgba(196, 120, 255, .16);--ui-border-strong: rgba(196, 120, 255, .28);--overlay-weak: rgba(196, 120, 255, .08);--overlay-med: rgba(196, 120, 255, .16);--overlay-strong: rgba(196, 120, 255, .28);--ui-text: #f3ebff;--ui-text-muted: #b29fd6;--ui-accent-soft: rgba(196, 120, 255, .18);--ui-danger: #ff8fa8;--ui-danger-bg: #5c1c3a;--ui-danger-ink: #ffdcec;--e-1: 0 1px 2px rgba(0, 0, 4, .4);--e-2: 0 2px 6px rgba(0, 0, 4, .4), 0 1px 2px rgba(0, 0, 4, .3);--e-3: 0 8px 20px rgba(0, 0, 4, .48), 0 2px 5px rgba(0, 0, 4, .34);--e-4: 0 18px 44px rgba(0, 0, 4, .56), 0 4px 10px rgba(0, 0, 4, .38);--e-5: 0 32px 76px rgba(0, 0, 4, .68), 0 8px 18px rgba(0, 0, 4, .44);--shadow-panel: var(--e-4);--glow-brand: 0 6px 20px rgba(196, 120, 255, .38);--radius-scale: 1.15;--dur-1: .13s;--dur-2: .2s;--dur-3: .3s;--ease: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.3, 1.3, .6, 1);--ui-display: "Unbounded", "Inter", sans-serif;--ui-accent: #c478ff;--brand-1: #c478ff;--brand-2: #ff6fd8;--brand: linear-gradient(118deg, var(--brand-1), var(--brand-2));--brand-ink: #1d0f30}:root{--ui-success: var(--ui-ok, #16a34a);--ui-success-bg: #e4f6ea;--ui-success-ink: #14532d;--ui-warn: #c77a0a;--ui-warn-bg: #fbeecd;--ui-warn-ink: #6b3d05;--ds-danger: var(--ui-danger);--ds-danger-bg: var(--ui-danger-bg);--ds-danger-ink: var(--ui-danger-ink);--field-bg: var(--surface-2);--field-bg-hover: var(--surface-2);--field-border: var(--ui-border-strong);--field-border-hover: var(--ui-text-muted);--field-radius: var(--r-sm);--field-shadow: var(--e-1);--field-ring: 0 0 0 3px var(--ui-accent-soft);--field-placeholder: var(--ui-text-muted)}[data-theme=dark],[data-theme=midnight],[data-theme=terminal],[data-theme=disco]{--ui-success: #4ade80;--ui-success-bg: #12331f;--ui-success-ink: #bbf7d0;--ui-warn: #fbbf5a;--ui-warn-bg: #3a2c0e;--ui-warn-ink: #ffe6b0;--field-bg: var(--surface-3);--field-bg-hover: var(--surface-4);--field-border: var(--ui-border-strong);--field-border-hover: var(--ui-text-muted)}:root{--motion-dur-instant: 0ms;--motion-dur-fast: var(--dur-1);--motion-dur-base: var(--dur-2);--motion-dur-slow: var(--dur-3);--motion-dur-slower: .42s;--motion-ease-standard: var(--ease);--motion-ease-emphasized: var(--ease-soft);--motion-ease-entrance: cubic-bezier(0, 0, .2, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-spring-fluid: linear( 0, .088, .266, .453, .616, .743, .836, .9, .943, .969, .985, .994, .999, 1.001, 1 );--motion-spring-fluid-settle: 469ms;--motion-spring: var(--motion-spring-fluid);--motion-spring-settle: var(--motion-spring-fluid-settle);--color-surface: var(--surface-2);--color-surface-raised: var(--surface-3);--color-surface-float: var(--surface-4);--color-surface-sunken: var(--ui-sunken);--color-surface-page: var(--ui-bg);--color-ink: var(--ui-text);--color-ink-muted: var(--ui-text-muted);--color-border: var(--ui-border);--color-border-strong: var(--ui-border-strong);--color-accent: var(--ui-accent);--color-accent-soft: var(--ui-accent-soft);--color-on-accent: var(--brand-ink);--color-positive: var(--ui-success);--color-positive-bg: var(--ui-success-bg);--color-positive-ink: var(--ui-success-ink);--color-warning: var(--ui-warn);--color-warning-bg: var(--ui-warn-bg);--color-warning-ink: var(--ui-warn-ink);--color-danger: var(--ui-danger);--color-danger-bg: var(--ui-danger-bg);--color-danger-ink: var(--ui-danger-ink);--state-hover: var(--overlay-weak);--state-active: var(--overlay-med);--state-selected: var(--ui-accent-soft);--state-disabled-opacity: .45;--font-display: var(--t-4xl);--font-display-sm: clamp(28px, 3.2vw, 40px);--font-heading: clamp(20px, 1.4vw + 12px, 26px);--font-heading-sm: clamp(16px, .6vw + 12px, 20px);--font-body: var(--t-md);--font-body-sm: var(--t-sm);--font-caption: var(--t-xs);--font-micro: var(--t-2xs);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--z-base: 0;--z-raised: 10;--z-sticky: 30;--z-dropdown: 60;--z-overlay: 100;--z-modal: 200;--z-toast: 400;--z-tooltip: 500;--bw-1: 1px;--bw-2: 2px;--bw-3: 3px;--border-hairline: var(--bw-1);--border-focus: var(--bw-2);--control-h-sm: 28px;--control-h-md: 34px;--control-h-lg: 42px;--focus-ring: 0 0 0 var(--border-focus) var(--ui-bg-soft), 0 0 0 calc(var(--border-focus) + 2px) var(--ui-accent)}:root{--ink-on-accent-solid: #fff;--chat-error-bg: #7f1d1d;--chat-error-ink: #fecaca;--chat-warn-border: #b45309;--chat-warn-tint: #f59e0b;--chat-issues-divider: rgba(0, 0, 0, .1);--float-error-text: #fca5a5;--danger-text-fixed: #f87171;--voice-dot-idle: #9ca3af;--voice-listening: #34d399;--voice-thinking: #fbbf24;--voice-speaking: #60a5fa;--voice-ptt-ink: #062;--dsl-complete-bg: #1b1d23;--record-accent: #ff3b30;--record-ring: 0 0 0 3px color-mix(in srgb, var(--record-accent) 25%, transparent);--record-ring-pulse: 0 0 0 6px color-mix(in srgb, var(--record-accent) 12%, transparent);--stock-credit-ink: #ddd;--stock-credit-bg: rgba(0, 0, 0, .65);--ink-on-brand-alt: #1a0f08;--ink-on-user-color: #100d08;--scrim-strong: rgba(4, 3, 8, .55);--code-help-bg: rgba(0, 0, 0, .22);--stage-void: #000;--shadow-float-fab: 0 6px 20px rgba(0, 0, 0, .4);--shadow-float-panel: 0 16px 48px rgba(0, 0, 0, .5);--shadow-float-badge: 0 6px 20px rgba(0, 0, 0, .35);--shadow-float-modal: 0 30px 90px rgba(0, 0, 0, .66);--shadow-float-toolbar: 0 12px 34px rgba(0, 0, 0, .5);--shadow-float-chipbar: 0 10px 28px rgba(0, 0, 0, .42);--shadow-float-drawer: 0 18px 48px rgba(0, 0, 0, .55);--shadow-float-pin: 0 3px 10px rgba(0, 0, 0, .45);--shadow-float-complete: 0 8px 28px rgba(0, 0, 0, .35);--shadow-float-drag: 0 10px 28px rgba(0, 0, 0, .4);--shadow-float-menu: 0 8px 24px rgba(0, 0, 0, .4);--dsl-c-elem: #0e7490;--dsl-c-key: #6d28d9;--dsl-c-attr: #1d4ed8;--dsl-c-flag: #15803d;--dsl-c-number: #be123c;--dsl-c-token: #92600a;--dsl-c-inline: #a21caf;--dsl-c-error: #dc2626;--dsl-editor-bg: rgba(0, 0, 0, .05);--dsl-selection-bg: rgba(255, 90, 60, .32)}[data-theme=dark],[data-theme=midnight]{--dsl-c-elem: #7dd3fc;--dsl-c-key: #c4b5fd;--dsl-c-attr: #93c5fd;--dsl-c-flag: #86efac;--dsl-c-number: #fda4af;--dsl-c-token: #fcd34d;--dsl-c-inline: #f0abfc;--dsl-c-error: #f87171;--dsl-editor-bg: rgba(0, 0, 0, .24)}*{margin:0}@media(prefers-reduced-motion:reduce){:root{--dur-1: 1ms;--dur-2: 1ms;--dur-3: 1ms;--lift: 0px}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}html,body,#root,.route-fade{height:100%}body{background:var(--ui-bg);color:var(--ui-text);overflow:hidden}::selection{background:var(--ui-accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--overlay-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--overlay-med);border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--overlay-strong);background-clip:content-box}.app-shell{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--ui-bg)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--brand);color:var(--brand-ink);font-size:var(--t-md);flex-shrink:0;box-shadow:0 4px 14px #2dd4bf59;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.brand-mark:hover{transform:translateY(var(--lift)) rotate(-4deg);box-shadow:0 7px 20px #2dd4bf7a}@keyframes chrome-pop{0%{opacity:0;transform:scale(.96) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chrome-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dock-flyout,.ctx-menu,.flyout,.context-menu{animation:chrome-pop var(--dur-2) var(--ease);transform-origin:top left}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(2px);text-transform:none;letter-spacing:normal;text-align:center;white-space:normal;width:max-content;max-width:230px;padding:5px 9px;border-radius:var(--r-xs);background:var(--surface-4);border:1px solid var(--ui-border-strong);color:var(--ui-text);font-size:var(--t-xs);font-weight:500;line-height:1.3;box-shadow:var(--e-2);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);transition-delay:0s;z-index:500}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.35s}.btn:focus-visible,.chip:focus-visible,.rail-toggle:focus-visible,.palette-item:focus-visible,.find-result:focus-visible,.deck-card-action:focus-visible,.template-card:focus-visible,.archetype-tile:focus-visible,.stock-item:focus-visible,.presenter-thumb:focus-visible,.ins-pop-swatch:focus-visible,.ins-swatch-btn:focus-visible,.lp-personality-card:focus-visible,.lp-rail-thumb:focus-visible,.lp-chevron:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.insp-input:focus-visible,.title-input:focus-visible,.chat-input:focus-visible,.comment-input:focus-visible,.notes-input:focus-visible{outline:none;box-shadow:var(--field-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);cursor:pointer;font:inherit;font-size:var(--t-sm);font-weight:500;line-height:1.3;white-space:nowrap;transition:background var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),border-color var(--dur-2)}.btn:hover:not(:disabled){background:var(--ui-raised);border-color:var(--ui-border-strong);transform:translateY(var(--lift))}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.42;cursor:default}.btn-primary{background:var(--brand);border-color:transparent;color:var(--brand-ink);font-weight:600;box-shadow:var(--glow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand);filter:brightness(1.07);box-shadow:0 9px 26px #2dd4bf6b}.banner{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-2) var(--s-4);font-size:var(--t-sm);z-index:30}.banner-error{background:var(--ui-danger-bg);color:var(--ui-danger-ink)}.banner-warn{background:var(--ui-accent-soft);color:var(--ui-text);border:1px solid var(--ui-accent);border-radius:8px}.insp-note{font-size:11px;color:var(--ui-text-muted);margin-top:6px}.insp-note-danger{color:var(--ui-danger)}.toast-stack{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:11px;background:var(--surface-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border-strong);box-shadow:0 12px 34px #00000080;font-size:13px;color:var(--ui-text);pointer-events:auto;animation:toast-in .22s var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.toast-success{border-color:#4ade8073}.toast-error{border-color:#f8717180;color:#ffd9d9}.toast-action{border:none;background:var(--brand);color:#1a0f08;font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:7px;cursor:pointer}.btn-danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.flyout-wrap{position:relative;display:inline-flex}.flyout{position:absolute;top:calc(100% + 7px);left:0;z-index:60;min-width:180px;padding:5px;display:flex;flex-direction:column;gap:1px;background:var(--surface-3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--ui-border);border-radius:12px;box-shadow:var(--shadow-panel);animation:sl-pop .14s var(--ease) both}.flyout-right{left:auto;right:0}.flyout .tool-btn{text-align:left;font-size:12.5px;padding:7px 10px}.theme-switcher-trigger{display:flex;align-items:center;gap:6px}.theme-switcher-label{color:var(--ui-text-muted);font-weight:500}.theme-swatch{position:relative;display:inline-flex;width:14px;height:14px;border-radius:50%;border:1px solid var(--ui-border-strong);flex-shrink:0;overflow:hidden}.theme-swatch-accent{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;border:1px solid var(--ui-bg)}.theme-flyout{min-width:148px}.theme-option{display:flex;align-items:center;gap:8px;position:relative}.theme-option.on{background:var(--ui-accent-soft)}.theme-option-check{margin-left:auto;color:var(--ui-accent);font-size:11px}.chip-row{display:inline-flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 12px;border-radius:999px;border:1px solid var(--ui-border);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:12.5px;cursor:pointer;transition:all .15s}.chip:hover{color:var(--ui-text);border-color:var(--ui-text-muted)}.chip-on{background:var(--brand);border-color:transparent;color:#16110c;font-weight:600}.btn-lg{padding:12px 22px;font-size:14.5px;border-radius:12px;align-self:flex-start}.btn-sm{padding:4px 10px;font-size:12px}.brand-mark-img{background:none;object-fit:cover;padding:0}button.brand-mark-img>img{display:block;width:100%;height:100%;object-fit:cover}.wordmark{display:inline-flex;align-items:center;gap:1px;font-family:var(--ui-display);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ui-text);text-decoration:none;flex-shrink:0}.wordmark:hover{color:var(--ui-text)}.wordmark-slide{position:relative;display:inline-flex;flex-direction:column;justify-content:center;gap:2px;width:1.05em;height:.68em;margin:0 .06em;padding:0 .13em;border-radius:.14em;background:var(--brand);box-shadow:0 1px 4px #2dd4bf59}.wordmark-slide>i{display:block;height:.075em;border-radius:999px;background:var(--brand-ink);opacity:.82;transform-origin:left center;transition:width var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}.wordmark-slide>i:first-child{width:78%}.wordmark-slide>i:last-child{width:48%}.wordmark:hover .wordmark-slide>i:first-child{width:52%}.wordmark:hover .wordmark-slide>i:last-child{width:88%}.wordmark-sm{font-size:16px}@media(prefers-reduced-motion:reduce){.wordmark-slide>i{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor-loading{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.editor-loading:before{content:"";width:min(320px,60vw);height:6px;border-radius:var(--r-sm);background:var(--surface-2);animation:editor-loading-pulse 1.2s ease-in-out infinite}@keyframes editor-loading-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.editor-loading:before{animation:none}}.btn.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.btn-ghost:hover:not(:disabled){background:var(--overlay-weak);border-color:transparent}.ds-btn-icon{display:inline-flex;align-items:center;font-size:1.05em;line-height:0}.btn.is-loading{cursor:progress}.ds-spinner{width:1em;height:1em;border-radius:var(--r-pill);border:var(--bw-2) solid currentColor;border-right-color:transparent;opacity:.7;animation:ds-spin .6s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.btn.btn-square{width:var(--s-8);height:var(--s-8);padding:0;aspect-ratio:1}.btn.btn-lg .ds-btn-icon{font-size:1.15em}@media(prefers-reduced-motion:reduce){.ds-spinner{animation-duration:1.6s}}.tool-btn{padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ui-text);cursor:pointer;font:inherit;font-size:var(--t-sm);line-height:1.3;white-space:nowrap;transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),color var(--dur-1)}.tool-btn:hover:not(:disabled){background:var(--ui-raised)}.tool-btn:disabled{opacity:.34;cursor:default;background:transparent}.tool-btn:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.tool-btn.on{background:var(--ui-accent-soft);color:var(--ui-text)}.tool-btn-active{background:var(--ui-accent)!important;color:#fff}.tool-btn:active:not(:disabled){transform:scale(.94);transition-duration:var(--dur-1)}@media(prefers-reduced-motion:reduce){.tool-btn:active:not(:disabled){transform:none}}.tool-btn:active:not(:disabled){transform:scale(.96)}@media(pointer:coarse){.tool-btn-touch{min-height:44px;min-width:44px}}.ds-field{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.ds-field-label{font-size:var(--t-sm);font-weight:500;color:var(--ui-text);line-height:1.3}.ds-field-optional{font-weight:400;color:var(--ui-text-muted)}.ds-field-control{width:100%;box-sizing:border-box;padding:var(--s-2) var(--s-3);font:inherit;font-size:var(--t-md);line-height:1.5;color:var(--ui-text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius);box-shadow:var(--field-shadow);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}textarea.ds-field-control{resize:vertical;min-height:84px}.ds-field-control::placeholder{color:var(--field-placeholder);opacity:1}.ds-field-control:hover:not(:disabled):not(:focus){border-color:var(--field-border-hover);background:var(--field-bg-hover)}.ds-field-control:focus,.ds-field-control:focus-visible{outline:none;border-color:var(--ui-accent);box-shadow:var(--field-ring)}.ds-field-control:disabled{opacity:.55;cursor:not-allowed}.ds-field-help{font-size:var(--t-xs);color:var(--ui-text-muted);line-height:1.4}.ds-field-error{font-size:var(--t-xs);color:var(--ui-danger);line-height:1.4}.ds-field-invalid .ds-field-control{border-color:var(--ui-danger)}.ds-field-invalid .ds-field-control:focus{box-shadow:0 0 0 3px var(--ui-danger-bg)}.ds-field-sm .ds-field-control{min-height:var(--control-h-sm);padding:var(--s-1) var(--s-2);font-size:var(--t-sm)}.ds-field-md .ds-field-control{min-height:var(--control-h-md)}.ds-field-lg .ds-field-control{min-height:var(--control-h-lg);padding:var(--s-3) var(--s-4);font-size:var(--t-lg)}.ds-field-adorned{position:relative;display:block;width:100%}.ds-field-adorned .ds-field-control{padding-right:var(--s-8)}.ds-field-adornment{position:absolute;top:50%;right:var(--s-3);transform:translateY(-50%);display:inline-flex;align-items:center;color:var(--ui-text-muted);font-size:var(--t-sm);pointer-events:none}.ds-swatch{display:inline-flex;align-items:center;gap:2px;border-radius:var(--r-xs);overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px var(--overlay-weak)}.ds-swatch>span{height:100%;flex:1}.ds-swatch-sm{width:26px;height:16px}.ds-swatch-md{width:34px;height:22px}.ds-style-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3) var(--s-1) var(--s-1);border:1px solid var(--ui-border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ui-text);font:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer;max-width:100%;transition:transform var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.ds-style-chip .ds-swatch{height:22px;border-radius:var(--r-pill)}.ds-style-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-style-chip:hover{transform:translateY(var(--lift));border-color:var(--ui-border-strong)}.ds-style-chip:active{transform:translateY(0) scale(.99)}.ds-style-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-style-chip.on{border-color:var(--ui-accent);box-shadow:0 0 0 var(--bw-2) var(--ui-accent-soft)}.ds-style-chip.on:focus-visible{box-shadow:var(--focus-ring)}.ds-style-chip-full{width:100%;justify-content:flex-start;padding:var(--s-2);border-radius:var(--r-md)}.ds-style-chip-full .ds-swatch{width:44px;height:30px;border-radius:var(--r-sm)}.ds-style-chip-body{display:flex;flex-direction:column;gap:1px;min-width:0}.ds-style-chip-full .ds-style-chip-name{font-size:var(--t-sm);font-weight:600}.ds-style-chip-tag{font-size:var(--t-2xs);font-weight:400;color:var(--ui-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);border:1px solid var(--ui-border);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:var(--t-sm);cursor:pointer;white-space:nowrap;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.ds-chip:hover:not(:disabled){color:var(--ui-text);border-color:var(--ui-text-muted);background:var(--state-hover)}.ds-chip:active:not(:disabled){transform:scale(.97)}.ds-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-chip:disabled{opacity:var(--state-disabled-opacity);cursor:default}.ds-chip-sm{min-height:var(--control-h-sm)}.ds-chip-md{font-size:var(--t-md);min-height:var(--control-h-md);padding:var(--s-1) var(--s-4)}.ds-chip-lg{font-size:var(--t-md);min-height:var(--control-h-lg);padding:var(--s-2) var(--s-4)}.ds-chip.on{background:var(--brand);border-color:transparent;color:var(--brand-ink);font-weight:600}.ds-card{display:block;padding:var(--s-4);background:var(--surface-2);border:1px solid var(--ui-border);border-radius:var(--r-lg);box-shadow:var(--e-1);color:inherit;text-align:left}.ds-card-interactive{cursor:pointer;text-decoration:none;transition:transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.ds-card-interactive:hover{transform:translateY(-2px);border-color:var(--ui-border-strong);box-shadow:var(--e-3)}.ds-card-interactive:focus-visible{outline:var(--bw-2) solid var(--ui-accent);outline-offset:2px}.ds-card-interactive:active{transform:translateY(-1px) scale(.996)}.ds-card-sm{padding:var(--s-3)}.ds-card-lg{padding:var(--s-6);border-radius:var(--r-xl)}@media(prefers-reduced-motion:reduce){.ds-card-interactive,.ds-card-interactive:hover,.ds-card-interactive:active{transform:none}}.ds-section-heading{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3)}.ds-section-heading h2,.ds-section-heading h3{font-family:var(--ui-display);font-size:var(--t-xl);font-weight:600;letter-spacing:-.01em;color:var(--ui-text)}.ds-section-heading-eyebrow h2,.ds-section-heading-eyebrow h3{font-family:inherit;font-size:var(--t-2xs);font-weight:600;letter-spacing:var(--caps);text-transform:uppercase;color:var(--ui-text-muted)}.ds-section-heading-desc{font-size:var(--t-sm);color:var(--ui-text-muted)}.ds-toolbar{display:flex;align-items:center;gap:var(--s-2)}.ds-toolbar-group{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-md);background:var(--surface-1)}.ds-toolbar-sep{width:1px;align-self:stretch;margin:var(--s-1) var(--s-1);background:var(--ui-border)}.ds-icon-rail{display:flex;flex-direction:column;gap:var(--s-1)}.ds-icon-rail-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--ui-text-muted);font-size:var(--t-md);cursor:pointer;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.ds-icon-rail-btn:hover{color:var(--ui-text);background:var(--overlay-weak)}.ds-icon-rail-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-icon-rail-btn.on{color:var(--ui-accent);background:var(--ui-accent-soft)}.ds-icon-rail-btn:disabled{opacity:.34;cursor:default;background:transparent}.ds-icon-rail-sep{height:1px;margin:var(--s-1) var(--s-2);background:var(--ui-border)}.ds-icon-rail-btn[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + var(--s-2));top:50%;transform:translateY(-50%);padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);background:var(--surface-4);color:var(--ui-text);box-shadow:var(--e-3);font-size:var(--t-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease);z-index:40}.ds-icon-rail-btn[data-tip]:hover:after,.ds-icon-rail-btn[data-tip]:focus-visible:after{opacity:1}.ds-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding:var(--s-8) var(--s-5);max-width:42ch;margin-inline:auto;color:var(--ui-text-muted)}.ds-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--s-9);height:var(--s-9);border-radius:var(--r-pill);background:var(--surface-1);color:var(--ui-text-muted);font-size:var(--t-2xl)}.ds-empty-title{font-family:var(--ui-display);font-size:var(--font-heading-sm);font-weight:var(--fw-semibold);color:var(--ui-text);line-height:var(--lh-snug)}.ds-empty-desc{font-size:var(--t-sm);line-height:var(--lh-normal)}.ds-empty-actions{display:inline-flex;gap:var(--s-2);margin-top:var(--s-1)}.ds-empty-fill{height:60%;justify-content:center}.ds-empty-compact{padding:var(--s-5) var(--s-3);gap:var(--s-2)}.ds-empty-compact .ds-empty-title{font-size:var(--t-sm)}.ds-empty-compact .ds-empty-desc{font-size:var(--t-xs)}