.governance-approval-modal__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--sd-backdrop-bg, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:10000}.governance-approval-modal__card{background-color:var(--sd-modal-bg, var(--sd-bg-primary));border:1px solid var(--sd-border-color, var(--sd-text-secondary));border-radius:var(--sd-radius-lg, 8px);box-shadow:var(--sd-shadow-lg, 0 10px 40px rgba(0, 0, 0, .2));padding:var(--sd-spacing-lg, 24px);max-width:500px;min-width:300px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.governance-approval-modal__title{font-size:var(--sd-font-size-lg, 18px);font-weight:var(--sd-font-weight-bold, 600);color:var(--sd-text-primary);margin-bottom:var(--sd-spacing-md, 16px)}.governance-approval-modal__reason{font-size:var(--sd-font-size-base, 14px);color:var(--sd-text-secondary);margin-bottom:var(--sd-spacing-md, 16px);line-height:1.5}.governance-approval-modal__rule{background-color:var(--sd-surface-alt);border-left:3px solid var(--sd-orange);padding:12px;margin-bottom:16px;border-radius:4px}.governance-approval-modal__rule-label{font-weight:var(--sd-font-weight-bold, 600);color:var(--sd-text-primary);margin-right:var(--sd-spacing-xs, 8px)}.governance-approval-modal__rule-value{color:var(--sd-text-secondary);font-family:var(--sd-font-mono, monospace);font-size:12px}.governance-approval-modal__actions{display:flex;gap:var(--sd-spacing-md, 16px);justify-content:flex-end;margin-top:var(--sd-spacing-lg, 24px)}.governance-approval-modal__btn{padding:var(--sd-spacing-sm, 12px) var(--sd-spacing-md, 16px);border:none;border-radius:var(--sd-radius-sm, 4px);font-size:var(--sd-font-size-base, 14px);font-weight:var(--sd-font-weight-bold, 600);cursor:pointer;transition:all .2s ease}.governance-approval-modal__btn--approve{background-color:var(--sd-green);color:var(--sd-text-on-accent)}.governance-approval-modal__btn--approve:hover{background-color:var(--sd-green-dark);transform:translateY(-1px);box-shadow:var(--sd-shadow-md)}.governance-approval-modal__btn--approve:active{transform:translateY(0)}.governance-approval-modal__btn--reject{background-color:var(--sd-surface-hover);color:var(--sd-text-primary);border:1px solid var(--sd-border)}.governance-approval-modal__btn--reject:hover{background-color:var(--sd-surface);transform:translateY(-1px);box-shadow:var(--sd-shadow-sm)}.governance-approval-modal__btn--reject:active{transform:translateY(0)}.hhp-root[data-theme=neon-terminal]{--sd-bg: #050505;--sd-surface: #0d0d0d;--sd-surface-alt: #080808;--sd-surface-hover: #141414;--sd-glass-bg: rgba(8, 8, 8, .82);--sd-glass-bg-light: rgba(12, 12, 12, .65);--sd-glass-bg-dark: rgba(4, 4, 4, .7);--sd-glass-bg-heavy: rgba(10, 10, 10, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .6);--sd-overlay-heavy: rgba(0, 0, 0, .75);--sd-border: rgba(57, 255, 20, .3);--sd-border-hover: rgba(57, 255, 20, .5);--sd-border-subtle: rgba(57, 255, 20, .12);--sd-border-focus: rgba(57, 255, 20, .55);--sd-purple: #39ff14;--sd-purple-hover: #2de00f;--sd-purple-deep: #1fcc00;--sd-purple-dim: rgba(57, 255, 20, .14);--sd-purple-dimmer: rgba(57, 255, 20, .1);--sd-purple-dimmest: rgba(57, 255, 20, .06);--sd-grid-dot: rgba(57, 255, 20, .25);--sd-green: #ff2d7b;--sd-green-dark: #e0205f;--sd-green-dim: rgba(255, 45, 123, .18);--sd-green-dimmer: rgba(255, 45, 123, .12);--sd-green-dimmest: rgba(255, 45, 123, .07);--sd-orange: #ffe14d;--sd-orange-bright: #fff06a;--sd-orange-dim: rgba(255, 225, 77, .14);--sd-orange-dimmer: rgba(255, 225, 77, .18);--sd-cyan: #00f0ff;--sd-cyan-dim: rgba(0, 240, 255, .14);--sd-cyan-dimmer: rgba(0, 240, 255, .18);--sd-cyan-dimmest: rgba(0, 240, 255, .06);--sd-cyan-border: rgba(0, 240, 255, .28);--sd-red: #ff3131;--sd-red-dim: rgba(255, 49, 49, .12);--sd-red-dimmer: rgba(255, 49, 49, .16);--sd-text-primary: #e8e8e8;--sd-text-secondary: #7a7a7a;--sd-text-secondary-light: #a0a0a0;--sd-text-muted: #4a4a4a;--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 0 1px rgba(57, 255, 20, .1);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 2px rgba(57, 255, 20, .12);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .7), 0 0 4px rgba(57, 255, 20, .08);--sd-gradient-purple: linear-gradient(135deg, #39ff14, #1fcc00);--sd-gradient-green: linear-gradient(135deg, #ff2d7b, #e0205f);--sd-gradient-orange: linear-gradient(135deg, #ffe14d, #fff06a);--sd-purple-glow: 0 0 20px rgba(57, 255, 20, .35), 0 0 60px rgba(57, 255, 20, .08);--sd-green-glow: 0 0 20px rgba(255, 45, 123, .35), 0 0 60px rgba(255, 45, 123, .08);--sd-orange-glow: 0 0 20px rgba(255, 225, 77, .3);--sd-cyan-glow: 0 0 20px rgba(0, 240, 255, .35), 0 0 60px rgba(0, 240, 255, .08);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: var(--sd-surface-alt);--sd-input-border: var(--sd-border);--sd-input-focus-border: var(--sd-border-focus);--sd-badge-bg: var(--sd-purple-dim);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(10, 10, 10, .85);--sd-bg-hover: rgba(57, 255, 20, .06);--sd-bg-subtle: rgba(57, 255, 20, .03);--sd-accent: var(--sd-purple);--sd-accent-subtle: rgba(57, 255, 20, .08);--sd-accent-glow: rgba(57, 255, 20, .45);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(255, 225, 77, .08)}.hhp-root[data-theme=neon-terminal][data-mode=light]{--sd-bg: #f5f5f0;--sd-surface: #eaeae5;--sd-surface-alt: #e0e0db;--sd-surface-hover: #d5d5d0;--sd-glass-bg: rgba(240, 240, 235, .9);--sd-glass-bg-light: rgba(245, 245, 240, .95);--sd-glass-bg-dark: rgba(235, 235, 230, .85);--sd-glass-bg-heavy: rgba(230, 230, 225, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .12);--sd-overlay-heavy: rgba(0, 0, 0, .2);--sd-border: rgba(20, 180, 10, .35);--sd-border-hover: rgba(20, 180, 10, .5);--sd-border-subtle: rgba(20, 180, 10, .15);--sd-border-focus: rgba(20, 180, 10, .5);--sd-purple: #17a00e;--sd-purple-hover: #128a0a;--sd-purple-deep: #0f7508;--sd-purple-dim: rgba(23, 160, 14, .12);--sd-purple-dimmer: rgba(23, 160, 14, .08);--sd-purple-dimmest: rgba(23, 160, 14, .04);--sd-grid-dot: rgba(23, 160, 14, .3);--sd-green: #d41860;--sd-green-dark: #b8104e;--sd-green-dim: rgba(212, 24, 96, .12);--sd-green-dimmer: rgba(212, 24, 96, .08);--sd-green-dimmest: rgba(212, 24, 96, .04);--sd-orange: #c8a000;--sd-orange-bright: #e0b800;--sd-orange-dim: rgba(200, 160, 0, .1);--sd-orange-dimmer: rgba(200, 160, 0, .08);--sd-cyan: #009ba8;--sd-cyan-dim: rgba(0, 155, 168, .1);--sd-cyan-dimmer: rgba(0, 155, 168, .08);--sd-cyan-dimmest: rgba(0, 155, 168, .04);--sd-cyan-border: rgba(0, 155, 168, .2);--sd-red: #d42020;--sd-red-dim: rgba(212, 32, 32, .1);--sd-red-dimmer: rgba(212, 32, 32, .08);--sd-text-primary: #1a1a18;--sd-text-secondary: #5a5a55;--sd-text-secondary-light: #3a3a35;--sd-text-muted: #8a8a85;--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .15);--sd-gradient-purple: linear-gradient(135deg, #17a00e, #0f7508);--sd-gradient-green: linear-gradient(135deg, #d41860, #b8104e);--sd-gradient-orange: linear-gradient(135deg, #c8a000, #e0b800);--sd-purple-glow: 0 0 15px rgba(23, 160, 14, .15);--sd-green-glow: 0 0 15px rgba(212, 24, 96, .15);--sd-orange-glow: 0 0 15px rgba(200, 160, 0, .15);--sd-cyan-glow: 0 0 15px rgba(0, 155, 168, .15);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #f5f5f0;--sd-input-border: rgba(20, 180, 10, .3);--sd-input-focus-border: rgba(20, 180, 10, .5);--sd-badge-bg: rgba(23, 160, 14, .1);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(240, 240, 235, .9);--sd-bg-hover: rgba(23, 160, 14, .05);--sd-bg-subtle: rgba(23, 160, 14, .03);--sd-accent: var(--sd-purple);--sd-accent-subtle: rgba(23, 160, 14, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(200, 160, 0, .06)}.hhp-root[data-theme=midnight-teal]{--sd-bg: #060d12;--sd-surface: #0c1820;--sd-surface-alt: #081118;--sd-surface-hover: #122230;--sd-glass-bg: rgba(6, 14, 20, .85);--sd-glass-bg-light: rgba(10, 20, 28, .65);--sd-glass-bg-dark: rgba(4, 10, 16, .7);--sd-glass-bg-heavy: rgba(8, 16, 24, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .55);--sd-overlay-heavy: rgba(0, 0, 0, .7);--sd-border: rgba(0, 210, 200, .25);--sd-border-hover: rgba(0, 210, 200, .45);--sd-border-subtle: rgba(0, 210, 200, .1);--sd-border-focus: rgba(0, 210, 200, .5);--sd-purple: #00d2c8;--sd-purple-hover: #00b8b0;--sd-purple-deep: #009e98;--sd-purple-dim: rgba(0, 210, 200, .14);--sd-purple-dimmer: rgba(0, 210, 200, .1);--sd-purple-dimmest: rgba(0, 210, 200, .06);--sd-grid-dot: rgba(0, 210, 200, .25);--sd-green: #ff7f50;--sd-green-dark: #e06a3c;--sd-green-dim: rgba(255, 127, 80, .18);--sd-green-dimmer: rgba(255, 127, 80, .12);--sd-green-dimmest: rgba(255, 127, 80, .07);--sd-orange: #f0a030;--sd-orange-bright: #f8b848;--sd-orange-dim: rgba(240, 160, 48, .14);--sd-orange-dimmer: rgba(240, 160, 48, .18);--sd-cyan: #4696ff;--sd-cyan-dim: rgba(70, 150, 255, .14);--sd-cyan-dimmer: rgba(70, 150, 255, .18);--sd-cyan-dimmest: rgba(70, 150, 255, .06);--sd-cyan-border: rgba(70, 150, 255, .28);--sd-red: #ff4040;--sd-red-dim: rgba(255, 64, 64, .12);--sd-red-dimmer: rgba(255, 64, 64, .16);--sd-text-primary: #d0e4ec;--sd-text-secondary: #6a8898;--sd-text-secondary-light: #8aa8b8;--sd-text-muted: #3a5565;--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 0 1px rgba(0, 210, 200, .08);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .55), 0 0 2px rgba(0, 210, 200, .1);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .65);--sd-gradient-purple: linear-gradient(135deg, #00d2c8, #009e98);--sd-gradient-green: linear-gradient(135deg, #ff7f50, #e06a3c);--sd-gradient-orange: linear-gradient(135deg, #f0a030, #f8b848);--sd-purple-glow: 0 0 20px rgba(0, 210, 200, .3);--sd-green-glow: 0 0 20px rgba(255, 127, 80, .3);--sd-orange-glow: 0 0 20px rgba(240, 160, 48, .25);--sd-cyan-glow: 0 0 20px rgba(70, 150, 255, .3);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: var(--sd-surface-alt);--sd-input-border: var(--sd-border);--sd-input-focus-border: var(--sd-border-focus);--sd-badge-bg: var(--sd-purple-dim);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(8, 16, 24, .85);--sd-bg-hover: rgba(0, 210, 200, .06);--sd-bg-subtle: rgba(0, 210, 200, .03);--sd-accent: var(--sd-purple);--sd-accent-glow: rgba(0, 210, 200, .4);--sd-accent-subtle: rgba(0, 210, 200, .08);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(240, 160, 48, .08)}.hhp-root[data-theme=midnight-teal][data-mode=light]{--sd-bg: #f0f6f8;--sd-surface: #e4eef2;--sd-surface-alt: #dae6ec;--sd-surface-hover: #d0dee4;--sd-glass-bg: rgba(240, 246, 248, .9);--sd-glass-bg-light: rgba(245, 250, 252, .95);--sd-glass-bg-dark: rgba(230, 240, 244, .85);--sd-glass-bg-heavy: rgba(225, 236, 240, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .12);--sd-overlay-heavy: rgba(0, 0, 0, .2);--sd-border: rgba(0, 150, 140, .3);--sd-border-hover: rgba(0, 150, 140, .45);--sd-border-subtle: rgba(0, 150, 140, .12);--sd-border-focus: rgba(0, 150, 140, .5);--sd-purple: #008880;--sd-purple-hover: #007570;--sd-purple-deep: #006660;--sd-purple-dim: rgba(0, 136, 128, .1);--sd-purple-dimmer: rgba(0, 136, 128, .07);--sd-purple-dimmest: rgba(0, 136, 128, .04);--sd-grid-dot: rgba(0, 136, 128, .25);--sd-green: #d45a30;--sd-green-dark: #b84820;--sd-green-dim: rgba(212, 90, 48, .12);--sd-green-dimmer: rgba(212, 90, 48, .08);--sd-green-dimmest: rgba(212, 90, 48, .04);--sd-orange: #c08020;--sd-orange-bright: #d89830;--sd-orange-dim: rgba(192, 128, 32, .1);--sd-orange-dimmer: rgba(192, 128, 32, .08);--sd-cyan: #2870c0;--sd-cyan-dim: rgba(40, 112, 192, .1);--sd-cyan-dimmer: rgba(40, 112, 192, .08);--sd-cyan-dimmest: rgba(40, 112, 192, .04);--sd-cyan-border: rgba(40, 112, 192, .2);--sd-red: #d43030;--sd-red-dim: rgba(212, 48, 48, .1);--sd-red-dimmer: rgba(212, 48, 48, .08);--sd-text-primary: #0c1820;--sd-text-secondary: #4a6878;--sd-text-secondary-light: #2a4858;--sd-text-muted: #7a98a8;--sd-shadow-sm: 0 2px 8px rgba(0, 20, 30, .06);--sd-shadow-md: 0 4px 16px rgba(0, 20, 30, .08);--sd-shadow-lg: 0 8px 24px rgba(0, 20, 30, .1);--sd-shadow-xl: 0 8px 32px rgba(0, 20, 30, .12);--sd-shadow-2xl: 0 24px 64px rgba(0, 20, 30, .15);--sd-gradient-purple: linear-gradient(135deg, #008880, #006660);--sd-gradient-green: linear-gradient(135deg, #d45a30, #b84820);--sd-gradient-orange: linear-gradient(135deg, #c08020, #d89830);--sd-purple-glow: 0 0 15px rgba(0, 136, 128, .15);--sd-green-glow: 0 0 15px rgba(212, 90, 48, .15);--sd-orange-glow: 0 0 15px rgba(192, 128, 32, .15);--sd-cyan-glow: 0 0 15px rgba(40, 112, 192, .15);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #f0f6f8;--sd-input-border: rgba(0, 150, 140, .25);--sd-input-focus-border: rgba(0, 150, 140, .5);--sd-badge-bg: rgba(0, 136, 128, .08);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(240, 246, 248, .9);--sd-bg-hover: rgba(0, 136, 128, .05);--sd-bg-subtle: rgba(0, 136, 128, .03);--sd-accent: var(--sd-purple);--sd-accent-subtle: rgba(0, 136, 128, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(192, 128, 32, .06)}.hhp-root[data-theme=arctic-frost]{--sd-bg: #f4f6f9;--sd-surface: #eaecf0;--sd-surface-alt: #e0e4ea;--sd-surface-hover: #d5dae2;--sd-glass-bg: rgba(255, 255, 255, .9);--sd-glass-bg-light: rgba(255, 255, 255, .95);--sd-glass-bg-dark: rgba(240, 244, 248, .85);--sd-glass-bg-heavy: rgba(235, 238, 245, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .12);--sd-overlay-heavy: rgba(0, 0, 0, .2);--sd-border: rgba(50, 120, 200, .2);--sd-border-hover: rgba(50, 120, 200, .35);--sd-border-subtle: rgba(50, 120, 200, .1);--sd-border-focus: rgba(50, 120, 200, .45);--sd-purple: #2868b8;--sd-purple-hover: #2058a0;--sd-purple-deep: #184888;--sd-purple-dim: rgba(40, 104, 184, .1);--sd-purple-dimmer: rgba(40, 104, 184, .07);--sd-purple-dimmest: rgba(40, 104, 184, .04);--sd-grid-dot: rgba(40, 104, 184, .2);--sd-green: #00968c;--sd-green-dark: #007870;--sd-green-dim: rgba(0, 150, 140, .1);--sd-green-dimmer: rgba(0, 150, 140, .07);--sd-green-dimmest: rgba(0, 150, 140, .04);--sd-orange: #c08020;--sd-orange-bright: #d89830;--sd-orange-dim: rgba(192, 128, 32, .1);--sd-orange-dimmer: rgba(192, 128, 32, .08);--sd-cyan: #1878c0;--sd-cyan-dim: rgba(24, 120, 192, .1);--sd-cyan-dimmer: rgba(24, 120, 192, .08);--sd-cyan-dimmest: rgba(24, 120, 192, .04);--sd-cyan-border: rgba(24, 120, 192, .2);--sd-red: #c83c3c;--sd-red-dim: rgba(200, 60, 60, .1);--sd-red-dimmer: rgba(200, 60, 60, .08);--sd-text-primary: #1a2030;--sd-text-secondary: #6a7588;--sd-text-secondary-light: #4a5568;--sd-text-muted: #8a96a8;--sd-shadow-sm: 0 2px 8px rgba(20, 30, 50, .06);--sd-shadow-md: 0 4px 16px rgba(20, 30, 50, .08);--sd-shadow-lg: 0 8px 24px rgba(20, 30, 50, .1);--sd-shadow-xl: 0 8px 32px rgba(20, 30, 50, .12);--sd-shadow-2xl: 0 24px 64px rgba(20, 30, 50, .15);--sd-gradient-purple: linear-gradient(135deg, #2868b8, #184888);--sd-gradient-green: linear-gradient(135deg, #00968c, #007870);--sd-gradient-orange: linear-gradient(135deg, #c08020, #d89830);--sd-purple-glow: 0 0 15px rgba(40, 104, 184, .15);--sd-green-glow: 0 0 15px rgba(0, 150, 140, .15);--sd-orange-glow: 0 0 15px rgba(192, 128, 32, .15);--sd-cyan-glow: 0 0 15px rgba(24, 120, 192, .15);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #ffffff;--sd-input-border: rgba(50, 120, 200, .2);--sd-input-focus-border: rgba(50, 120, 200, .45);--sd-badge-bg: rgba(40, 104, 184, .08);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(245, 248, 252, .9);--sd-bg-hover: rgba(40, 104, 184, .05);--sd-bg-subtle: rgba(40, 104, 184, .03);--sd-accent: var(--sd-purple);--sd-accent-glow: rgba(40, 104, 184, .3);--sd-accent-subtle: rgba(40, 104, 184, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(192, 128, 32, .06)}.hhp-root[data-theme=arctic-frost][data-mode=dark]{--sd-bg: #0c1220;--sd-surface: #141c2c;--sd-surface-alt: #101828;--sd-surface-hover: #1a2438;--sd-glass-bg: rgba(14, 20, 34, .85);--sd-glass-bg-light: rgba(18, 26, 40, .65);--sd-glass-bg-dark: rgba(10, 16, 28, .7);--sd-glass-bg-heavy: rgba(12, 18, 32, .96);--sd-overlay: rgba(0, 0, 0, .55);--sd-overlay-heavy: rgba(0, 0, 0, .7);--sd-border: rgba(80, 140, 220, .25);--sd-border-hover: rgba(80, 140, 220, .4);--sd-border-subtle: rgba(80, 140, 220, .1);--sd-border-focus: rgba(80, 140, 220, .5);--sd-purple: #5098e0;--sd-purple-hover: #4088cc;--sd-purple-deep: #3078b8;--sd-purple-dim: rgba(80, 152, 224, .14);--sd-purple-dimmer: rgba(80, 152, 224, .1);--sd-purple-dimmest: rgba(80, 152, 224, .06);--sd-green: #40b8a8;--sd-green-dark: #30a090;--sd-green-dim: rgba(64, 184, 168, .15);--sd-green-dimmer: rgba(64, 184, 168, .1);--sd-green-dimmest: rgba(64, 184, 168, .06);--sd-orange: #e0a030;--sd-orange-bright: #f0b840;--sd-orange-dim: rgba(224, 160, 48, .14);--sd-orange-dimmer: rgba(224, 160, 48, .1);--sd-cyan: #60b0f0;--sd-cyan-dim: rgba(96, 176, 240, .14);--sd-cyan-dimmer: rgba(96, 176, 240, .1);--sd-cyan-dimmest: rgba(96, 176, 240, .06);--sd-cyan-border: rgba(96, 176, 240, .25);--sd-red: #e84848;--sd-red-dim: rgba(232, 72, 72, .12);--sd-red-dimmer: rgba(232, 72, 72, .1);--sd-text-primary: #d8e0ec;--sd-text-secondary: #6880a0;--sd-text-secondary-light: #90a0b8;--sd-text-muted: #3a4c68;--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .5);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .6);--sd-gradient-purple: linear-gradient(135deg, #5098e0, #3078b8);--sd-gradient-green: linear-gradient(135deg, #40b8a8, #30a090);--sd-gradient-orange: linear-gradient(135deg, #e0a030, #f0b840);--sd-purple-glow: 0 0 20px rgba(80, 152, 224, .25);--sd-green-glow: 0 0 20px rgba(64, 184, 168, .25);--sd-orange-glow: 0 0 20px rgba(224, 160, 48, .2);--sd-cyan-glow: 0 0 20px rgba(96, 176, 240, .25);--sd-input-bg: var(--sd-surface-alt);--sd-input-border: rgba(80, 140, 220, .2);--sd-input-focus-border: rgba(80, 140, 220, .5);--sd-badge-bg: rgba(80, 152, 224, .12);--sd-bg-secondary: rgba(14, 20, 34, .9);--sd-bg-hover: rgba(80, 152, 224, .06);--sd-bg-subtle: rgba(80, 152, 224, .03);--sd-accent-glow: rgba(80, 152, 224, .35);--sd-accent-subtle: rgba(80, 152, 224, .08);--sd-warning-subtle: rgba(224, 160, 48, .08)}.hhp-root[data-theme=rainforest]{--sd-bg: #2d6b3a;--sd-surface: #276332;--sd-surface-alt: #1a4d24;--sd-surface-hover: #348044;--sd-glass-bg: rgba(30, 75, 42, .92);--sd-glass-bg-light: rgba(40, 90, 50, .8);--sd-glass-bg-dark: rgba(22, 60, 32, .85);--sd-glass-bg-heavy: rgba(26, 65, 36, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .35);--sd-overlay-heavy: rgba(0, 0, 0, .5);--sd-border: rgba(255, 255, 255, .15);--sd-border-hover: rgba(255, 255, 255, .25);--sd-border-subtle: rgba(255, 255, 255, .08);--sd-border-focus: rgba(255, 255, 255, .3);--sd-purple: #e0fce4;--sd-purple-hover: #c8f0cc;--sd-purple-deep: #b0e4b4;--sd-purple-dim: rgba(255, 255, 255, .1);--sd-purple-dimmer: rgba(255, 255, 255, .07);--sd-purple-dimmest: rgba(255, 255, 255, .04);--sd-grid-dot: rgba(255, 255, 255, .15);--sd-green: #f870d0;--sd-green-dark: #e050b8;--sd-green-dim: rgba(248, 112, 208, .2);--sd-green-dimmer: rgba(248, 112, 208, .14);--sd-green-dimmest: rgba(248, 112, 208, .08);--sd-orange: #ffdc3c;--sd-orange-bright: #ffe86a;--sd-orange-dim: rgba(255, 220, 60, .18);--sd-orange-dimmer: rgba(255, 220, 60, .22);--sd-cyan: #64d2ff;--sd-cyan-dim: rgba(100, 210, 255, .15);--sd-cyan-dimmer: rgba(100, 210, 255, .2);--sd-cyan-dimmest: rgba(100, 210, 255, .08);--sd-cyan-border: rgba(100, 210, 255, .25);--sd-red: #ff5050;--sd-red-dim: rgba(255, 80, 80, .15);--sd-red-dimmer: rgba(255, 80, 80, .2);--sd-text-primary: #f0f8f0;--sd-text-secondary: rgba(255, 255, 255, .55);--sd-text-secondary-light: rgba(255, 255, 255, .7);--sd-text-muted: rgba(255, 255, 255, .3);--sd-shadow-sm: 0 2px 8px rgba(0, 30, 10, .2);--sd-shadow-md: 0 4px 16px rgba(0, 30, 10, .25);--sd-shadow-lg: 0 8px 24px rgba(0, 30, 10, .3);--sd-shadow-xl: 0 8px 32px rgba(0, 30, 10, .35);--sd-shadow-2xl: 0 24px 64px rgba(0, 30, 10, .4);--sd-gradient-purple: linear-gradient(135deg, #e0fce4, #b0e4b4);--sd-gradient-green: linear-gradient(135deg, #f870d0, #e050b8);--sd-gradient-orange: linear-gradient(135deg, #ffdc3c, #ffe86a);--sd-purple-glow: 0 0 20px rgba(224, 252, 228, .2);--sd-green-glow: 0 0 20px rgba(248, 112, 208, .3);--sd-orange-glow: 0 0 20px rgba(255, 220, 60, .25);--sd-cyan-glow: 0 0 20px rgba(100, 210, 255, .3);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #1a4d24;--sd-input-border: rgba(255, 255, 255, .15);--sd-input-focus-border: rgba(255, 255, 255, .3);--sd-badge-bg: rgba(255, 255, 255, .1);--sd-badge-text: #e0fce4;--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(26, 65, 36, .9);--sd-bg-hover: rgba(255, 255, 255, .05);--sd-bg-subtle: rgba(255, 255, 255, .03);--sd-accent: #e0fce4;--sd-accent-glow: rgba(224, 252, 228, .3);--sd-accent-subtle: rgba(255, 255, 255, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(255, 220, 60, .1)}.hhp-root[data-theme=rainforest][data-mode=light]{--sd-bg: #c8e6c0;--sd-surface: #b8dab0;--sd-surface-alt: #a8cea0;--sd-surface-hover: #98c290;--sd-glass-bg: rgba(200, 230, 192, .9);--sd-glass-bg-light: rgba(210, 238, 204, .95);--sd-glass-bg-dark: rgba(188, 220, 180, .85);--sd-glass-bg-heavy: rgba(180, 214, 172, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 40, 10, .1);--sd-overlay-heavy: rgba(0, 40, 10, .18);--sd-border: rgba(20, 80, 30, .2);--sd-border-hover: rgba(20, 80, 30, .3);--sd-border-subtle: rgba(20, 80, 30, .1);--sd-border-focus: rgba(20, 80, 30, .35);--sd-purple: #1a5c28;--sd-purple-hover: #144e20;--sd-purple-deep: #0e4018;--sd-purple-dim: rgba(26, 92, 40, .1);--sd-purple-dimmer: rgba(26, 92, 40, .07);--sd-purple-dimmest: rgba(26, 92, 40, .04);--sd-grid-dot: rgba(26, 92, 40, .2);--sd-green: #c01890;--sd-green-dark: #a01078;--sd-green-dim: rgba(192, 24, 144, .1);--sd-green-dimmer: rgba(192, 24, 144, .07);--sd-green-dimmest: rgba(192, 24, 144, .04);--sd-orange: #a08000;--sd-orange-bright: #c09800;--sd-orange-dim: rgba(160, 128, 0, .1);--sd-orange-dimmer: rgba(160, 128, 0, .08);--sd-cyan: #0878a8;--sd-cyan-dim: rgba(8, 120, 168, .1);--sd-cyan-dimmer: rgba(8, 120, 168, .08);--sd-cyan-dimmest: rgba(8, 120, 168, .04);--sd-cyan-border: rgba(8, 120, 168, .2);--sd-red: #c03030;--sd-red-dim: rgba(192, 48, 48, .1);--sd-red-dimmer: rgba(192, 48, 48, .08);--sd-text-primary: #0e2810;--sd-text-secondary: #3a6040;--sd-text-secondary-light: #2a4830;--sd-text-muted: #6a9870;--sd-shadow-sm: 0 2px 8px rgba(0, 30, 10, .06);--sd-shadow-md: 0 4px 16px rgba(0, 30, 10, .08);--sd-shadow-lg: 0 8px 24px rgba(0, 30, 10, .1);--sd-shadow-xl: 0 8px 32px rgba(0, 30, 10, .12);--sd-shadow-2xl: 0 24px 64px rgba(0, 30, 10, .15);--sd-gradient-purple: linear-gradient(135deg, #1a5c28, #0e4018);--sd-gradient-green: linear-gradient(135deg, #c01890, #a01078);--sd-gradient-orange: linear-gradient(135deg, #a08000, #c09800);--sd-purple-glow: 0 0 15px rgba(26, 92, 40, .12);--sd-green-glow: 0 0 15px rgba(192, 24, 144, .12);--sd-orange-glow: 0 0 15px rgba(160, 128, 0, .12);--sd-cyan-glow: 0 0 15px rgba(8, 120, 168, .12);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #b8dab0;--sd-input-border: rgba(20, 80, 30, .2);--sd-input-focus-border: rgba(20, 80, 30, .35);--sd-badge-bg: rgba(26, 92, 40, .08);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(200, 230, 192, .9);--sd-bg-hover: rgba(26, 92, 40, .05);--sd-bg-subtle: rgba(26, 92, 40, .03);--sd-accent: var(--sd-purple);--sd-accent-subtle: rgba(26, 92, 40, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(160, 128, 0, .06)}.hhp-root[data-theme=vaporwave]{--sd-bg: #0c0018;--sd-surface: #140228;--sd-surface-alt: #100220;--sd-surface-hover: #1c0436;--sd-glass-bg: rgba(14, 2, 28, .9);--sd-glass-bg-light: rgba(20, 4, 38, .7);--sd-glass-bg-dark: rgba(8, 0, 18, .75);--sd-glass-bg-heavy: rgba(12, 2, 24, .96);--sd-glass-blur: blur(16px);--sd-overlay: rgba(0, 0, 0, .6);--sd-overlay-heavy: rgba(0, 0, 0, .75);--sd-border: rgba(255, 50, 200, .25);--sd-border-hover: rgba(255, 50, 200, .45);--sd-border-subtle: rgba(255, 50, 200, .1);--sd-border-focus: rgba(0, 255, 234, .5);--sd-purple: #ff32c8;--sd-purple-hover: #e428b0;--sd-purple-deep: #cc209c;--sd-purple-dim: rgba(255, 50, 200, .14);--sd-purple-dimmer: rgba(255, 50, 200, .1);--sd-purple-dimmest: rgba(255, 50, 200, .06);--sd-grid-dot: rgba(255, 50, 200, .2);--sd-green: #00ffea;--sd-green-dark: #00d4c4;--sd-green-dim: rgba(0, 255, 234, .16);--sd-green-dimmer: rgba(0, 255, 234, .1);--sd-green-dimmest: rgba(0, 255, 234, .06);--sd-orange: #b478ff;--sd-orange-bright: #c898ff;--sd-orange-dim: rgba(180, 120, 255, .14);--sd-orange-dimmer: rgba(180, 120, 255, .18);--sd-cyan: #ff70b8;--sd-cyan-dim: rgba(255, 112, 184, .14);--sd-cyan-dimmer: rgba(255, 112, 184, .18);--sd-cyan-dimmest: rgba(255, 112, 184, .06);--sd-cyan-border: rgba(255, 112, 184, .25);--sd-red: #ff3040;--sd-red-dim: rgba(255, 48, 64, .14);--sd-red-dimmer: rgba(255, 48, 64, .18);--sd-text-primary: #e0d0f0;--sd-text-secondary: #7868a0;--sd-text-secondary-light: #9a88c0;--sd-text-muted: #4a3860;--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .55), 0 0 2px rgba(255, 50, 200, .08);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 3px rgba(255, 50, 200, .1);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .7), 0 0 6px rgba(0, 255, 234, .06);--sd-gradient-purple: linear-gradient(135deg, #ff32c8, #cc209c);--sd-gradient-green: linear-gradient(135deg, #00ffea, #00d4c4);--sd-gradient-orange: linear-gradient(135deg, #b478ff, #c898ff);--sd-purple-glow: 0 0 20px rgba(255, 50, 200, .35), 0 0 60px rgba(255, 50, 200, .08);--sd-green-glow: 0 0 20px rgba(0, 255, 234, .35), 0 0 60px rgba(0, 255, 234, .08);--sd-orange-glow: 0 0 20px rgba(180, 120, 255, .3);--sd-cyan-glow: 0 0 20px rgba(255, 112, 184, .3);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: var(--sd-surface-alt);--sd-input-border: rgba(255, 50, 200, .18);--sd-input-focus-border: rgba(0, 255, 234, .5);--sd-badge-bg: var(--sd-purple-dim);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(14, 2, 28, .9);--sd-bg-hover: rgba(255, 50, 200, .06);--sd-bg-subtle: rgba(255, 50, 200, .03);--sd-accent: var(--sd-purple);--sd-accent-glow: rgba(255, 50, 200, .45);--sd-accent-subtle: rgba(255, 50, 200, .08);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(180, 120, 255, .08)}.hhp-root[data-theme=vaporwave][data-mode=light]{--sd-bg: #f8f0ff;--sd-surface: #f0e6fa;--sd-surface-alt: #e8ddf5;--sd-surface-hover: #ddd0f0;--sd-glass-bg: rgba(248, 240, 255, .9);--sd-glass-bg-light: rgba(252, 246, 255, .95);--sd-glass-bg-dark: rgba(240, 230, 250, .85);--sd-glass-bg-heavy: rgba(235, 225, 248, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(20, 0, 40, .1);--sd-overlay-heavy: rgba(20, 0, 40, .18);--sd-border: rgba(200, 40, 160, .2);--sd-border-hover: rgba(200, 40, 160, .35);--sd-border-subtle: rgba(200, 40, 160, .1);--sd-border-focus: rgba(0, 180, 170, .45);--sd-purple: #c01898;--sd-purple-hover: #a81084;--sd-purple-deep: #900a70;--sd-purple-dim: rgba(192, 24, 152, .1);--sd-purple-dimmer: rgba(192, 24, 152, .07);--sd-purple-dimmest: rgba(192, 24, 152, .04);--sd-grid-dot: rgba(192, 24, 152, .2);--sd-green: #009088;--sd-green-dark: #007870;--sd-green-dim: rgba(0, 144, 136, .1);--sd-green-dimmer: rgba(0, 144, 136, .07);--sd-green-dimmest: rgba(0, 144, 136, .04);--sd-orange: #7840c0;--sd-orange-bright: #9058d8;--sd-orange-dim: rgba(120, 64, 192, .1);--sd-orange-dimmer: rgba(120, 64, 192, .08);--sd-cyan: #c03888;--sd-cyan-dim: rgba(192, 56, 136, .1);--sd-cyan-dimmer: rgba(192, 56, 136, .08);--sd-cyan-dimmest: rgba(192, 56, 136, .04);--sd-cyan-border: rgba(192, 56, 136, .2);--sd-red: #d02828;--sd-red-dim: rgba(208, 40, 40, .1);--sd-red-dimmer: rgba(208, 40, 40, .08);--sd-text-primary: #1a0830;--sd-text-secondary: #6850a0;--sd-text-secondary-light: #4a3878;--sd-text-muted: #9888c0;--sd-shadow-sm: 0 2px 8px rgba(20, 0, 40, .06);--sd-shadow-md: 0 4px 16px rgba(20, 0, 40, .08);--sd-shadow-lg: 0 8px 24px rgba(20, 0, 40, .1);--sd-shadow-xl: 0 8px 32px rgba(20, 0, 40, .12);--sd-shadow-2xl: 0 24px 64px rgba(20, 0, 40, .15);--sd-gradient-purple: linear-gradient(135deg, #c01898, #900a70);--sd-gradient-green: linear-gradient(135deg, #009088, #007870);--sd-gradient-orange: linear-gradient(135deg, #7840c0, #9058d8);--sd-purple-glow: 0 0 15px rgba(192, 24, 152, .12);--sd-green-glow: 0 0 15px rgba(0, 144, 136, .12);--sd-orange-glow: 0 0 15px rgba(120, 64, 192, .12);--sd-cyan-glow: 0 0 15px rgba(192, 56, 136, .12);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #f0e6fa;--sd-input-border: rgba(200, 40, 160, .2);--sd-input-focus-border: rgba(0, 180, 170, .45);--sd-badge-bg: rgba(192, 24, 152, .08);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(248, 240, 255, .9);--sd-bg-hover: rgba(192, 24, 152, .05);--sd-bg-subtle: rgba(192, 24, 152, .03);--sd-accent: var(--sd-purple);--sd-accent-subtle: rgba(192, 24, 152, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(120, 64, 192, .06)}.hhp-root[data-theme=stark]{--sd-bg: #0a0c14;--sd-surface: #10141e;--sd-surface-alt: #0c1018;--sd-surface-hover: #181c2a;--sd-glass-bg: rgba(12, 14, 22, .9);--sd-glass-bg-light: rgba(16, 20, 30, .7);--sd-glass-bg-dark: rgba(8, 10, 16, .75);--sd-glass-bg-heavy: rgba(10, 12, 20, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(0, 0, 0, .55);--sd-overlay-heavy: rgba(0, 0, 0, .7);--sd-border: rgba(200, 50, 50, .25);--sd-border-hover: rgba(200, 50, 50, .45);--sd-border-subtle: rgba(200, 50, 50, .1);--sd-border-focus: rgba(80, 180, 255, .5);--sd-purple: #e03030;--sd-purple-hover: #c82828;--sd-purple-deep: #b02020;--sd-purple-dim: rgba(224, 48, 48, .14);--sd-purple-dimmer: rgba(224, 48, 48, .1);--sd-purple-dimmest: rgba(224, 48, 48, .06);--sd-grid-dot: rgba(224, 48, 48, .2);--sd-green: #dcb432;--sd-green-dark: #c09828;--sd-green-dim: rgba(220, 180, 50, .16);--sd-green-dimmer: rgba(220, 180, 50, .1);--sd-green-dimmest: rgba(220, 180, 50, .06);--sd-orange: #f0c030;--sd-orange-bright: #f8d448;--sd-orange-dim: rgba(240, 192, 48, .14);--sd-orange-dimmer: rgba(240, 192, 48, .18);--sd-cyan: #50b4ff;--sd-cyan-dim: rgba(80, 180, 255, .14);--sd-cyan-dimmer: rgba(80, 180, 255, .18);--sd-cyan-dimmest: rgba(80, 180, 255, .06);--sd-cyan-border: rgba(80, 180, 255, .28);--sd-red: #ff2020;--sd-red-dim: rgba(255, 32, 32, .14);--sd-red-dimmer: rgba(255, 32, 32, .18);--sd-text-primary: #d8dce8;--sd-text-secondary: #6870a0;--sd-text-secondary-light: #8890a8;--sd-text-muted: #3a3e52;--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 0 1px rgba(80, 180, 255, .08);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 0 2px rgba(80, 180, 255, .1);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .7), 0 0 4px rgba(80, 180, 255, .06);--sd-gradient-purple: linear-gradient(135deg, #e03030, #b02020);--sd-gradient-green: linear-gradient(135deg, #dcb432, #c09828);--sd-gradient-orange: linear-gradient(135deg, #f0c030, #f8d448);--sd-purple-glow: 0 0 20px rgba(224, 48, 48, .35);--sd-green-glow: 0 0 20px rgba(220, 180, 50, .3);--sd-orange-glow: 0 0 20px rgba(240, 192, 48, .25);--sd-cyan-glow: 0 0 20px rgba(80, 180, 255, .35), 0 0 60px rgba(80, 180, 255, .08);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: var(--sd-surface-alt);--sd-input-border: rgba(200, 50, 50, .18);--sd-input-focus-border: rgba(80, 180, 255, .5);--sd-badge-bg: var(--sd-purple-dim);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(12, 14, 22, .9);--sd-bg-hover: rgba(224, 48, 48, .06);--sd-bg-subtle: rgba(224, 48, 48, .03);--sd-accent: var(--sd-purple);--sd-accent-glow: rgba(80, 180, 255, .4);--sd-accent-subtle: rgba(224, 48, 48, .08);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(240, 192, 48, .08)}.hhp-root[data-theme=stark][data-mode=light]{--sd-bg: #f5f4f8;--sd-surface: #eae8f0;--sd-surface-alt: #e0dee8;--sd-surface-hover: #d5d2e0;--sd-glass-bg: rgba(252, 250, 255, .9);--sd-glass-bg-light: rgba(255, 254, 255, .95);--sd-glass-bg-dark: rgba(240, 238, 248, .85);--sd-glass-bg-heavy: rgba(235, 232, 245, .96);--sd-glass-blur: blur(14px);--sd-overlay: rgba(10, 12, 20, .1);--sd-overlay-heavy: rgba(10, 12, 20, .18);--sd-border: rgba(180, 30, 30, .2);--sd-border-hover: rgba(180, 30, 30, .35);--sd-border-subtle: rgba(180, 30, 30, .1);--sd-border-focus: rgba(30, 100, 200, .45);--sd-purple: #b82020;--sd-purple-hover: #a01818;--sd-purple-deep: #881010;--sd-purple-dim: rgba(184, 32, 32, .1);--sd-purple-dimmer: rgba(184, 32, 32, .07);--sd-purple-dimmest: rgba(184, 32, 32, .04);--sd-grid-dot: rgba(184, 32, 32, .2);--sd-green: #a08020;--sd-green-dark: #886c18;--sd-green-dim: rgba(160, 128, 32, .1);--sd-green-dimmer: rgba(160, 128, 32, .07);--sd-green-dimmest: rgba(160, 128, 32, .04);--sd-orange: #b89020;--sd-orange-bright: #d0a828;--sd-orange-dim: rgba(184, 144, 32, .1);--sd-orange-dimmer: rgba(184, 144, 32, .08);--sd-cyan: #1868b8;--sd-cyan-dim: rgba(24, 104, 184, .1);--sd-cyan-dimmer: rgba(24, 104, 184, .08);--sd-cyan-dimmest: rgba(24, 104, 184, .04);--sd-cyan-border: rgba(24, 104, 184, .2);--sd-red: #c82020;--sd-red-dim: rgba(200, 32, 32, .1);--sd-red-dimmer: rgba(200, 32, 32, .08);--sd-text-primary: #1a1828;--sd-text-secondary: #5a5878;--sd-text-secondary-light: #3a3858;--sd-text-muted: #8a88a0;--sd-shadow-sm: 0 2px 8px rgba(10, 12, 20, .06);--sd-shadow-md: 0 4px 16px rgba(10, 12, 20, .08);--sd-shadow-lg: 0 8px 24px rgba(10, 12, 20, .1);--sd-shadow-xl: 0 8px 32px rgba(10, 12, 20, .12);--sd-shadow-2xl: 0 24px 64px rgba(10, 12, 20, .15);--sd-gradient-purple: linear-gradient(135deg, #b82020, #881010);--sd-gradient-green: linear-gradient(135deg, #a08020, #886c18);--sd-gradient-orange: linear-gradient(135deg, #b89020, #d0a828);--sd-purple-glow: 0 0 15px rgba(184, 32, 32, .12);--sd-green-glow: 0 0 15px rgba(160, 128, 32, .12);--sd-orange-glow: 0 0 15px rgba(184, 144, 32, .12);--sd-cyan-glow: 0 0 15px rgba(24, 104, 184, .12);--sd-font-sans: "DM Sans", sans-serif;--sd-font-mono: "JetBrains Mono", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-input-bg: #eae8f0;--sd-input-border: rgba(180, 30, 30, .18);--sd-input-focus-border: rgba(30, 100, 200, .45);--sd-badge-bg: rgba(184, 32, 32, .08);--sd-badge-text: var(--sd-purple);--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(245, 244, 248, .9);--sd-bg-hover: rgba(184, 32, 32, .05);--sd-bg-subtle: rgba(184, 32, 32, .03);--sd-accent: var(--sd-purple);--sd-accent-subtle: rgba(184, 32, 32, .06);--sd-warning: var(--sd-orange);--sd-warning-subtle: rgba(184, 144, 32, .06)}:root{--sd-shell-status-height: 32px;--sd-shell-tab-height: 36px;--sd-shell-prompt-height: 60px;--sd-shell-divider-width: 5px;--sd-shell-padding: 8px;--sd-drop-target-ok: rgba(139, 92, 246, .65);--sd-drop-target-ok-bg: rgba(139, 92, 246, .18);--sd-drop-target-ok-text: rgba(200, 180, 255, .9);--sd-drop-target-block: rgba(239, 68, 68, .65);--sd-drop-target-block-bg: rgba(239, 68, 68, .18);--sd-drop-target-block-text: rgba(255, 180, 180, .9)}.shell-frame{display:flex;flex-direction:column;height:100%;width:100%;background:var(--sd-bg);color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-base);overflow:hidden;overscroll-behavior:none}.shell-status-bar{display:flex;align-items:center;justify-content:space-between;height:var(--sd-shell-status-height);padding:0 16px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);font-size:var(--sd-font-sm);font-family:var(--sd-font-mono);flex-shrink:0;gap:16px}.shell-tab-bar{display:flex;align-items:center;justify-content:space-between;height:var(--sd-shell-tab-height);background:var(--sd-bg);border-bottom:1px solid var(--sd-border-subtle);overflow-x:auto;overflow-y:hidden;flex-shrink:0;padding:0 4px;gap:4px}.shell-tab{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--sd-surface-alt);border:1px solid var(--sd-border-subtle);border-radius:4px 4px 0 0;color:var(--sd-text-secondary);font-size:var(--sd-font-sm);font-family:var(--sd-font-sans);cursor:pointer;transition:all .15s ease;flex-shrink:0;white-space:nowrap}.shell-tab:hover{background:var(--sd-surface-hover);color:var(--sd-text-primary);border-color:var(--sd-border-hover)}.shell-tab.active{background:var(--sd-surface);color:var(--sd-text-primary);border-color:var(--sd-accent);border-bottom:2px solid var(--sd-accent)}.master-title-bar{display:flex;align-items:center;justify-content:space-between;height:30px;min-height:30px;padding:0 8px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.master-title-bar-left{display:flex;align-items:center;gap:6px;overflow:hidden;flex:1;min-width:0}.master-title-bar-icon{font-size:12px;flex-shrink:0}.master-title-bar-label{font-size:var(--sd-font-sm);font-weight:500;color:var(--sd-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-title-bar-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.shell-body{display:flex;flex:1;overflow:hidden;position:relative;padding:1px}.shell-split-container{display:flex;flex:1;position:relative}.shell-pane{display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden;background:var(--sd-bg);border:1px solid var(--sd-border-subtle)}.shell-pane.active{border-color:var(--sd-accent)}.shell-divider{background:var(--sd-border);transition:background .15s ease;cursor:col-resize;flex-shrink:0}.shell-divider:hover{background:var(--sd-border-hover)}.shell-pane-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.pane-content{height:100%;overflow:hidden}.shell-context-menu{position:fixed;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;box-shadow:0 4px 16px #00000073;padding:4px 0;z-index:3000;min-width:180px;font-family:var(--sd-font-sans);font-size:var(--sd-font-sm)}.shell-context-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--sd-text-primary);cursor:pointer;padding:8px 16px;font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);transition:background .15s ease}.shell-context-menu-item:hover:not(:disabled){background:var(--sd-surface-hover)}.shell-context-menu-item:disabled{color:var(--sd-text-muted);cursor:not-allowed;opacity:.5}.menu-bar{display:flex;align-items:center;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);font-family:var(--sd-font-sans);font-size:var(--sd-font-base);padding:0 4px;position:relative;z-index:100;height:34px;min-height:34px;flex-shrink:0;gap:0}.menu-app-name{font-weight:700;font-size:var(--sd-font-lg);color:var(--sd-text-primary)}.menu-button{background:transparent;border:none;color:var(--sd-text-secondary);font-family:var(--sd-font-sans);font-size:var(--sd-font-base);padding:4px 10px;cursor:pointer;height:100%;transition:background .1s,color .1s}.menu-button:hover,.menu-button.active{background:var(--sd-surface-hover);color:var(--sd-text-primary)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;box-shadow:0 6px 20px #0006;padding:4px 0;z-index:200}.menu-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:none;color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);padding:6px 14px;cursor:pointer;transition:background .1s;position:relative}.menu-dropdown-item:hover:not(:disabled){background:var(--sd-surface-hover)}.menu-dropdown-item:disabled{color:var(--sd-text-muted);cursor:not-allowed;opacity:.5}.menu-dropdown-item.submenu{cursor:default}.menu-submenu{position:absolute;left:100%;top:-4px;min-width:180px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;box-shadow:0 6px 20px #0006;padding:4px 0;z-index:210}.menu-bar-actions{display:flex;align-items:center;gap:2px;margin-right:4px}.menu-bar-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--sd-text-secondary);font-size:.85rem;padding:0;flex-shrink:0;cursor:pointer;transition:background .12s,color .12s}.menu-bar-action-btn:hover:not(:disabled){background:var(--sd-surface-hover);color:var(--sd-text-primary)}.menu-bar-action-btn:disabled{color:var(--sd-text-muted);cursor:not-allowed;opacity:.4}.menu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500}.menu-modal{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:8px;box-shadow:0 8px 32px #00000080;padding:24px;min-width:320px;max-width:480px;max-height:70vh;overflow-y:auto;color:var(--sd-text-primary);font-family:var(--sd-font-sans)}.menu-modal h3{margin:0 0 16px;font-size:var(--sd-font-lg);font-weight:600}.menu-modal-content{font-size:var(--sd-font-sm);line-height:1.6}.menu-modal-content p{margin:6px 0}.menu-modal-content code{font-family:var(--sd-font-mono);color:var(--sd-orange)}.menu-modal-close{margin-top:16px;background:var(--sd-surface-hover);border:1px solid var(--sd-border);border-radius:4px;color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);padding:6px 16px;cursor:pointer;transition:background .15s}.menu-modal-close:hover{background:var(--sd-surface-alt)}[data-panel-group-direction=horizontal]>.PanelResizeHandle{width:5px;cursor:col-resize}[data-panel-group-direction=vertical]>.PanelResizeHandle{height:5px;cursor:row-resize}.hhp-mode-indicator{position:absolute;top:4px;right:4px;font-size:10px;opacity:.7;display:flex;align-items:center;gap:2px;pointer-events:none;z-index:10;background:var(--sd-surface);border-radius:4px;padding:2px 6px;border:1px solid var(--sd-border)}.shell-frame .theme-picker{position:absolute;bottom:8px;right:8px;z-index:5}.collapsed-pane-strip{width:34px;min-width:34px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0;background:var(--sd-surface-alt);border-right:1px solid var(--sd-border-subtle);cursor:pointer;transition:background .15s;flex-shrink:0}.collapsed-pane-strip:hover{background:var(--sd-surface-hover)}.collapsed-pane-strip__icon{font-size:14px;color:var(--sd-text-secondary);flex-shrink:0}.collapsed-pane-strip__label{flex:1;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--sd-font-sm);color:var(--sd-text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:200px}.collapsed-pane-strip__expand-btn{font-size:12px;color:var(--sd-text-secondary);flex-shrink:0;transition:color .15s}.collapsed-pane-strip:hover .collapsed-pane-strip__expand-btn{color:var(--sd-accent)}.pane-error-boundary{background:var(--sd-surface-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.pane-error-boundary__retry-btn{background:var(--sd-orange);color:var(--sd-surface);border:none;border-radius:4px;padding:8px 16px;font-size:var(--sd-font-sm);font-family:var(--sd-font-sans);font-weight:500;cursor:pointer;transition:background .15s ease}.pane-error-boundary__retry-btn:hover{opacity:.85}.pane-error-boundary__retry-btn:active{opacity:.75}@media (max-width: 768px){:root{--sd-shell-status-height: 28px;--sd-shell-tab-height: 32px}}.theme-picker{position:relative}.theme-picker-trigger{width:28px;height:28px;background:var(--sd-surface-alt);color:var(--sd-text-secondary);border:1px solid var(--sd-border);border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease}.theme-picker-trigger:hover{background:var(--sd-surface-hover)}.theme-picker-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;box-shadow:var(--sd-shadow-lg);z-index:100;min-width:180px;overflow:hidden}.theme-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--sd-text-primary);cursor:pointer;text-align:left;font-size:14px;transition:background .15s ease}.theme-picker-item:hover{background:var(--sd-surface-hover)}.theme-picker-item.active{color:var(--sd-accent)}.theme-picker-icon{font-size:16px;width:20px;text-align:center}.theme-picker-label{flex:1}.theme-picker-check{margin-left:auto;color:var(--sd-accent);font-weight:700}.hhp-theme-menu{min-width:220px}.hhp-tm-section-label{font-size:var(--sd-font-xs);font-weight:500;color:var(--sd-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:5px 12px 3px;-webkit-user-select:none;user-select:none}.hhp-tm-separator{height:.5px;background:var(--sd-border-subtle);margin:3px 0}.hhp-tm-item{display:flex;align-items:center;padding:5px 12px;font-size:var(--sd-font-base);color:var(--sd-text-secondary);cursor:pointer;gap:8px;transition:background .1s;-webkit-user-select:none;user-select:none}.hhp-tm-item:hover{background:var(--sd-bg-hover);color:var(--sd-text-primary)}.hhp-tm-item.active{color:var(--sd-text-primary)}.hhp-tm-check{width:16px;font-size:var(--sd-font-base);color:var(--sd-purple);text-align:center;flex-shrink:0}.hhp-tm-swatch{width:14px;height:14px;border-radius:3px;display:flex;overflow:hidden;flex-shrink:0;border:.5px solid var(--sd-border-subtle)}.hhp-tm-swatch>span{flex:1}.hhp-tm-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hhp-tm-badge{font-size:9px;padding:1px 5px;border-radius:99px;background:var(--sd-purple-dim);color:var(--sd-purple);flex-shrink:0}.hhp-tm-customize{color:var(--sd-purple)}.hhp-tm-customize:hover{color:var(--sd-purple-hover)}.hhp-tm-mode-row{display:flex;gap:4px;margin:4px 10px 6px}.hhp-tm-mode-btn{flex:1;padding:5px 0;border-radius:4px;border:.5px solid var(--sd-border-subtle);background:transparent;font-size:var(--sd-font-sm);font-weight:500;font-family:var(--sd-font-sans);color:var(--sd-text-muted);cursor:pointer;text-align:center;transition:all .12s}.hhp-tm-mode-btn:hover:not(.disabled){border-color:var(--sd-border-hover);color:var(--sd-text-secondary)}.hhp-tm-mode-btn.active{border-color:var(--sd-purple);background:var(--sd-purple-dimmest);color:var(--sd-text-primary)}.hhp-tm-mode-btn.disabled{opacity:.25;pointer-events:none;cursor:default}.hhp-tm-preview{border-radius:4px;border:.5px solid var(--sd-border-subtle);overflow:hidden}.hhp-tm-preview-bar{height:18px;display:flex;align-items:center;padding:0 6px;font-size:9px;font-weight:500;font-family:var(--sd-font-mono)}.hhp-tm-preview-body{height:26px;display:flex;align-items:center;padding:0 6px;font-size:9px;font-family:var(--sd-font-sans)}.hhp-tm-preview-dot{width:5px;height:5px;border-radius:50%;margin-right:4px;flex-shrink:0}.terminal-error{color:var(--sd-red);font-weight:500;margin:8px 0;white-space:pre-wrap;word-break:break-word}.terminal-error-suggestion{color:var(--sd-text-secondary);margin-top:4px;font-style:italic;font-size:13px}.terminal-warning{color:var(--sd-yellow);font-weight:500;margin:8px 0;white-space:pre-wrap;word-break:break-word}.terminal-pane{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--sd-bg);color:var(--sd-text-primary);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;overflow:hidden}.terminal-pane--compact{flex:0 0 auto;justify-content:flex-end}.terminal-pane--minimal{flex:0 0 auto;justify-content:flex-end;min-height:auto}.terminal-status-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);font-size:12px;flex-shrink:0}.terminal-status-brand{font-weight:600;color:var(--sd-text-primary)}.terminal-status-divider{color:var(--sd-text-muted)}.terminal-status-model{color:var(--sd-text-secondary)}.terminal-status-metrics{color:var(--sd-text-muted);font-size:11px}.terminal-status-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.terminal-status-btn{background:transparent;border:none;color:var(--sd-text-secondary);cursor:pointer;font-size:16px;padding:2px 6px;transition:color .15s ease}.terminal-status-btn:hover{color:var(--sd-text-primary)}.terminal-efemera-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:var(--sd-text-primary);background:var(--sd-border-subtle);transition:background .3s ease;cursor:help;white-space:nowrap}.terminal-efemera-badge[data-connected=true]{background:var(--sd-green-dim)}.terminal-efemera-badge[data-connected=false]{background:var(--sd-red-dim)}.terminal-efemera-badge:hover{opacity:.85}.terminal-byok-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:var(--sd-text-primary);background:var(--sd-border-subtle);transition:background .3s ease;cursor:help;white-space:nowrap}.terminal-byok-badge[data-active=true]{background:var(--sd-green-dim)}.terminal-byok-badge:hover{opacity:.85}.terminal-response-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.terminal-output{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 24px;font-size:14px;line-height:1.6}.terminal-banner{color:var(--sd-text-secondary);margin-bottom:12px;white-space:pre-line}.terminal-line{display:flex;gap:8px;margin-bottom:4px;min-width:0}.terminal-prompt{color:var(--sd-green);font-weight:600;flex-shrink:0}.terminal-text{color:var(--sd-text-primary);white-space:pre-wrap;word-break:break-word;flex:1}.terminal-loading{color:var(--sd-text-muted);font-style:italic}.terminal-spinner-char{display:inline-block;width:1ch;text-align:center;font-style:normal;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace}.terminal-system{color:var(--sd-text-secondary);font-style:italic;margin:8px 0;white-space:pre-wrap;word-break:break-word}.terminal-response{margin:12px 0 16px;overflow-wrap:break-word;word-break:break-word;min-width:0;max-width:100%}.terminal-response-content{display:flex;flex-direction:column;gap:12px;overflow-wrap:break-word;word-break:break-word}.terminal-json-wrapper{display:flex;flex-direction:column;gap:8px}.terminal-json{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:4px;padding:12px;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:13px;overflow-x:hidden;color:var(--sd-text-primary);margin:0;white-space:pre-wrap}.terminal-ir-actions{display:flex;gap:8px;flex-wrap:wrap}.terminal-ir-btn{background:var(--sd-purple);color:var(--sd-text-on-accent);border:none;padding:6px 12px;border-radius:4px;font-size:var(--sd-font-base);cursor:pointer;font-family:var(--sd-font-mono);transition:background .15s ease,color .15s ease}.terminal-ir-btn:hover{background:var(--sd-purple-hover);color:var(--sd-text-on-accent)}.terminal-metrics{font-size:11px;color:var(--sd-text-muted);padding-top:8px;margin-top:8px;border-top:1px solid var(--sd-border-subtle)}.terminal-prompt-area{border-top:1px solid var(--sd-border);padding:8px 12px;background:var(--sd-bg);flex-shrink:0;position:relative;transition:position .15s ease,max-height .15s ease,box-shadow .15s ease}.terminal-prompt-area[data-input-expanded=true]{position:absolute;bottom:0;left:0;right:0;z-index:100;max-height:50vh;overflow-y:auto;box-shadow:var(--sd-shadow-lg)}.terminal-api-key-warning{background:var(--sd-warning-bg);border:1px solid var(--sd-warning-border);color:var(--sd-warning);padding:8px 12px;border-radius:4px;font-size:12px;margin-bottom:12px}.terminal-relay-hint{background:var(--sd-surface);border:1px solid var(--sd-border);color:var(--sd-text-primary);padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:8px}.terminal-relay-hint--error{background:var(--sd-red-dim, var(--sd-surface));border-color:var(--sd-red, var(--sd-border));color:var(--sd-red, var(--sd-text-primary))}.terminal-link-btn{background:transparent;border:none;color:var(--sd-purple);cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;padding:0}.terminal-link-btn:hover{color:var(--sd-purple)}.terminal-prompt-line{display:flex;gap:8px;align-items:flex-start;line-height:22px}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--sd-text-primary);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:14px;padding:0;margin:0}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.terminal-input-textarea{resize:none;overflow-y:auto;line-height:1.5;height:22px;max-height:200px;display:block}.terminal-input:after{content:"";display:inline-block;width:8px;height:16px;background:var(--sd-green);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--sd-bg)}.terminal-output::-webkit-scrollbar-thumb{background:var(--sd-border);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--sd-text-muted)}.terminal-help{color:var(--sd-text-secondary);margin:12px 0;line-height:1.8}.terminal-help h3{color:var(--sd-text-primary);font-size:14px;margin:12px 0 8px;font-weight:600}.terminal-help ul{margin:8px 0;padding-left:20px}.terminal-help li{margin:4px 0}.terminal-help code{background:var(--sd-surface);padding:2px 6px;border-radius:3px;color:var(--sd-purple-light);font-family:inherit}.terminal-ledger{color:var(--sd-text-secondary);margin:12px 0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;max-width:400px}.terminal-ledger-label{color:var(--sd-text-muted)}.terminal-ledger-value{color:var(--sd-text-primary);font-weight:600}.terminal-diff-stats{font-family:var(--sd-font-mono);font-size:var(--sd-font-xs);margin-left:8px}.terminal-diff-stats-add{color:var(--sd-green)}.terminal-diff-stats-remove{color:var(--sd-red)}.terminal-prompt-container{display:flex;flex-direction:column;gap:8px}.terminal-attachment-btn{background:transparent;border:none;color:var(--sd-text-secondary);cursor:pointer;font-size:18px;padding:0 8px;transition:color .15s ease,transform .15s ease;display:flex;align-items:center}.terminal-attachment-btn:hover:not(:disabled){color:var(--sd-text-primary);transform:scale(1.1)}.terminal-attachment-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--sd-surface-alt);border:1px solid var(--sd-border);border-radius:12px;font-size:var(--sd-font-xs);color:var(--sd-text-primary);align-self:flex-start;margin-left:36px}.terminal-attachment-chip--error{background:var(--sd-red-dim);border-color:var(--sd-red);color:var(--sd-red)}.terminal-attachment-filename{font-family:var(--sd-font-mono);font-size:var(--sd-font-xs)}.terminal-attachment-remove{background:transparent;border:none;color:var(--sd-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0;transition:color .15s ease}.terminal-attachment-remove:hover{color:var(--sd-red)}.terminal-voice-btn{background:transparent;border:none;color:var(--sd-text-secondary);cursor:pointer;font-size:18px;padding:0 8px;transition:color .15s ease,transform .15s ease;display:flex;align-items:center;position:relative}.terminal-voice-btn:hover:not(:disabled){color:var(--sd-text-primary);transform:scale(1.1)}.terminal-voice-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-voice-btn[data-listening=true]{color:var(--sd-red)}.terminal-voice-indicator{position:absolute;top:0;right:4px;width:6px;height:6px;background:var(--sd-red);border-radius:50%;animation:voice-pulse 1.5s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.terminal-voice-btn[data-error=true]{color:var(--sd-red)}.terminal-speaker-btn{background:transparent;border:none;color:var(--sd-text-muted);cursor:pointer;font-size:16px;padding:2px 6px;transition:color .15s ease,transform .15s ease;display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px}.terminal-speaker-btn:hover{color:var(--sd-text-primary);transform:scale(1.1)}.terminal-speaker-btn--active{color:var(--sd-purple);animation:speaker-pulse 1s ease-in-out infinite}@keyframes speaker-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.terminal-status-bar{font-size:11px;padding:4px 12px}.terminal-status-metrics{display:none}.terminal-output{padding:12px 16px;font-size:13px}.terminal-prompt-area{padding:12px 16px}.terminal-ir-actions{flex-direction:column}.terminal-ir-btn{width:100%}}.sde-chat-container{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 16px;height:100%}.sde-chat-bubble-row{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.sde-chat-bubble-row--user{flex-direction:row-reverse}.sde-chat-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.sde-chat-avatar--user{background:var(--sd-green-dim);color:var(--sd-text-primary)}.sde-chat-avatar--assistant{background:var(--sd-purple-dim);color:var(--sd-text-primary)}.sde-chat-avatar--error{background:var(--sd-red-dim);color:var(--sd-text-primary)}.sde-chat-bubble{max-width:85%;border-radius:12px;padding:12px 16px;position:relative;font-family:var(--sd-font-sans);font-size:var(--sd-font-base);line-height:1.6}.sde-chat-bubble--user{background:var(--sd-purple-dim);border:1px solid var(--sd-border-subtle)}.sde-chat-bubble--assistant{background:var(--sd-surface-alt);border:1px solid var(--sd-border-subtle)}.sde-chat-bubble--error{background:var(--sd-red-dim);border:1px solid var(--sd-border-subtle);border-left:3px solid var(--sd-red)}.sde-chat-bubble--grouped{margin-top:-8px}.sde-chat-bubble-row .sde-chat-bubble--grouped{margin-left:36px}.sde-chat-bubble-row--user .sde-chat-bubble--grouped{margin-left:0;margin-right:36px}.sde-chat-header{display:flex;flex-direction:row;justify-content:space-between;font-size:var(--sd-font-xs);color:var(--sd-text-muted);margin-bottom:6px}.sde-chat-sender{font-weight:600}.sde-chat-timestamp{font-family:var(--sd-font-mono)}.sde-chat-content{color:var(--sd-text-primary)}.sde-chat-copy{position:sticky;top:8px;float:right;padding:2px 8px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-muted);font-family:var(--sd-font-sans);font-size:var(--sd-font-xs);cursor:pointer;opacity:0;transition:opacity .15s ease}.sde-chat-bubble:hover .sde-chat-copy{opacity:1}.sde-chat-copy:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover);color:var(--sd-text-primary)}.sde-root{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--sd-surface);overflow:hidden}.sde-header{display:flex;align-items:center;padding:0 4px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);flex-shrink:0;height:28px;min-height:28px;font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);gap:0;position:relative;z-index:50}.sde-menu-item{position:relative}.sde-menu-btn{background:transparent;border:none;color:var(--sd-text-secondary);font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);padding:4px 8px;cursor:pointer;height:100%;transition:background .1s,color .1s}.sde-menu-btn:hover,.sde-menu-btn.active{background:var(--sd-surface-hover);color:var(--sd-text-primary)}.sde-menu-dropdown{position:absolute;top:100%;left:0;min-width:180px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;box-shadow:0 6px 20px #0006;padding:4px 0;z-index:200}.sde-menu-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:none;color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);padding:6px 14px;cursor:pointer;transition:background .1s}.sde-menu-dropdown-item:hover:not(:disabled){background:var(--sd-surface-hover)}.sde-menu-dropdown-item:disabled{color:var(--sd-text-muted);cursor:default;opacity:.7}.sde-menu-divider{height:1px;background:var(--sd-border);margin:4px 0}.sde-menu-checked{font-weight:600}.sde-label-container{flex:1;min-width:0}.sde-label{font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);color:var(--sd-text-primary);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.sde-label:hover{color:var(--sd-purple)}.sde-label-input{font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);color:var(--sd-text-primary);background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:4px;padding:2px 6px;outline:none}.sde-label-input:focus{border-color:var(--sd-purple)}.sde-mode-toggle{padding:4px 10px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s,border-color .12s}.sde-mode-toggle:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover)}.sde-content{flex:1;min-height:0;overflow:auto;padding:16px}.sde-textarea{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--sd-text-primary);font-family:var(--sd-font-mono);font-size:var(--sd-font-base);resize:none;line-height:1.6}.sde-rendered{font-family:var(--sd-font-sans);font-size:var(--sd-font-base);color:var(--sd-text-primary);line-height:1.6}.sde-md-heading{font-weight:600;margin-top:1.2em;margin-bottom:.6em;color:var(--sd-text-primary)}.sde-md-h1{font-size:var(--sd-font-2xl);border-bottom:1px solid var(--sd-border-subtle);padding-bottom:.3em}.sde-md-h2{font-size:var(--sd-font-xl);border-bottom:1px solid var(--sd-border-subtle);padding-bottom:.3em}.sde-md-h3{font-size:var(--sd-font-lg)}.sde-md-h4{font-size:var(--sd-font-base)}.sde-md-h5{font-size:var(--sd-font-sm)}.sde-md-h6{font-size:var(--sd-font-xs);color:var(--sd-text-muted)}.sde-md-paragraph{margin-bottom:1em}.sde-md-list-item{margin-left:1.5em;margin-bottom:.5em}.sde-md-blockquote{margin-left:1em;padding-left:1em;border-left:4px solid var(--sd-border);color:var(--sd-text-muted);font-style:italic}.sde-md-code-marker{font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);color:var(--sd-text-muted);background:var(--sd-surface-alt);padding:2px 6px;border-radius:4px;display:inline-block;margin:.5em 0}.sde-md-blank{height:1em}.sde-md-bold{font-weight:600;color:var(--sd-text-primary)}.sde-md-italic{font-style:italic;color:var(--sd-text-primary)}.sde-md-code{font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);background:var(--sd-surface-alt);color:var(--sd-purple);padding:2px 4px;border-radius:3px}.sde-md-link{color:var(--sd-purple);text-decoration:underline;cursor:pointer}.sde-md-link:hover{color:var(--sd-purple-bright)}.sde-error-line{font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);color:var(--sd-red);background:var(--sd-surface-alt);border-left:4px solid var(--sd-red);padding:8px 12px;margin:.5em 0;border-radius:4px}.sde-conflict-marker{font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);color:var(--sd-red);background:var(--sd-surface-alt);border-left:4px solid var(--sd-red);padding:8px 12px;margin:1em 0;border-radius:4px;white-space:pre-wrap}.sde-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.sde-toolbar-btn{padding:3px 8px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-muted);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s,border-color .12s}.sde-toolbar-btn:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover)}.sde-toolbar-btn--active{background:var(--sd-purple-dim);border-color:var(--sd-purple);color:var(--sd-purple)}.sde-word-count{font-family:var(--sd-font-mono);font-size:var(--sd-font-xs);color:var(--sd-text-muted)}.sde-terminal-indicator{font-size:var(--sd-font-sm);animation:sde-terminal-pulse 2s ease-in-out infinite}@keyframes sde-terminal-pulse{0%,to{opacity:1}50%{opacity:.4}}.sde-dirty-indicator{color:var(--sd-orange);margin-left:4px}.sde-coauthor-overlay{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);background:var(--sd-surface-alt);border:1px solid var(--sd-border);border-radius:6px;padding:12px 14px;font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);z-index:10;box-shadow:0 4px 16px var(--sd-shadow-medium, rgba(0, 0, 0, .3));max-height:60vh;overflow-y:auto}.sde-coauthor-loading{text-align:center;font-family:var(--sd-font-sans);color:var(--sd-text-muted)}.sde-coauthor-spinner{animation:sde-coauthor-pulse 1s ease-in-out infinite}.sde-coauthor-removed{color:var(--sd-red);text-decoration:line-through;display:block;margin-bottom:4px;white-space:pre-wrap}.sde-coauthor-added{color:var(--sd-green);display:block;margin-bottom:4px;white-space:pre-wrap}.sde-coauthor-actions{display:flex;gap:12px;font-family:var(--sd-font-sans);font-size:var(--sd-font-xs);color:var(--sd-text-muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--sd-border-subtle)}.sde-coauthor-actions kbd{font-family:var(--sd-font-mono);background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:3px;padding:1px 5px;font-size:var(--sd-font-xs)}@keyframes sde-coauthor-pulse{0%,to{opacity:1}50%{opacity:.4}}.sde-pending-pulse{animation:sde-coauthor-pulse 1s ease-in-out infinite}.sde-code-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.sde-code-toolbar{display:flex;flex-direction:row;gap:8px;padding:4px 8px;border-bottom:1px solid var(--sd-border-subtle);flex-shrink:0}.sde-code-toolbar-btn{padding:3px 8px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-muted);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s,border-color .12s}.sde-code-toolbar-btn:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover)}.sde-code-toolbar-btn--active{background:var(--sd-purple-dim);border-color:var(--sd-purple);color:var(--sd-purple)}.sde-code-view{display:flex;flex-direction:row;flex:1;overflow-y:auto;font-family:var(--sd-font-mono)}.sde-code-gutter{display:flex;flex-direction:column;text-align:right;padding:8px;background:var(--sd-surface-alt);color:var(--sd-text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--sd-border-subtle);min-width:3em;flex-shrink:0}.sde-code-lines{display:flex;flex-direction:column;flex:1;padding:8px 12px;min-width:0}.sde-code-line{display:flex;line-height:1.6;min-height:1.6em}.sde-code-line:hover{background:var(--sd-surface-hover)}.sde-code-line-number{font-size:var(--sd-font-sm);line-height:1.6;min-height:1.6em}.sde-code-line-content{white-space:pre;-moz-tab-size:4;tab-size:4}.sde-code-copy{margin-left:auto;padding:2px 8px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-muted);font-family:var(--sd-font-sans);font-size:var(--sd-font-xs);cursor:pointer;opacity:0;transition:opacity .15s ease}.sde-code-container:hover .sde-code-copy{opacity:1}.sde-code-copy:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover);color:var(--sd-text-primary)}.sde-changes-container{display:flex;flex-direction:column;padding:12px;overflow-y:auto;height:100%}.sde-change-entry{padding:8px;border-bottom:1px solid var(--sd-border-subtle);font-family:var(--sd-font-mono);font-size:var(--sd-font-sm)}.sde-change-timestamp{color:var(--sd-text-muted)}.sde-change-command{color:var(--sd-text-primary)}.sde-change-stats-add{color:var(--sd-green)}.sde-change-stats-remove{color:var(--sd-red)}.sde-chat-bubble--typing{opacity:.85}.sde-typing-dots{display:inline-flex;gap:4px;margin-left:4px}.sde-typing-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--sd-text-secondary);animation:sde-typing-dot-pulse 1.5s ease-in-out infinite}.sde-typing-dot:nth-child(2){animation-delay:.3s}.sde-typing-dot:nth-child(3){animation-delay:.6s}@keyframes sde-typing-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.sde-mode-dropdown-container{position:relative;display:inline-block}.sde-mode-dropdown{padding:3px 8px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-muted);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s,border-color .12s}.sde-mode-dropdown:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover)}.sde-mode-menu{position:absolute;top:100%;right:0;margin-top:2px;background:var(--sd-surface-alt);border:1px solid var(--sd-border);border-radius:4px;box-shadow:0 4px 12px var(--sd-shadow-medium, rgba(0, 0, 0, .2));z-index:100;min-width:120px}.sde-mode-option{display:block;width:100%;padding:6px 10px;text-align:left;border:none;background:transparent;color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s}.sde-mode-option:hover{background:var(--sd-surface-hover)}.sde-mode-option--active{background:var(--sd-purple-dim);color:var(--sd-purple);font-weight:600}.sde-lang-dropdown-container{position:relative;display:inline-block}.sde-lang-dropdown{padding:3px 8px;border-radius:4px;border:1px solid var(--sd-border);background:var(--sd-surface);color:var(--sd-text-muted);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s,border-color .12s}.sde-lang-dropdown:hover{background:var(--sd-surface-hover);border-color:var(--sd-border-hover)}.sde-lang-menu{position:absolute;top:100%;left:0;margin-top:2px;background:var(--sd-surface-alt);border:1px solid var(--sd-border);border-radius:4px;box-shadow:0 4px 12px var(--sd-shadow-medium, rgba(0, 0, 0, .2));z-index:100;min-width:120px}.sde-lang-option{display:block;width:100%;padding:6px 10px;text-align:left;border:none;background:transparent;color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s}.sde-lang-option:hover{background:var(--sd-surface-hover)}.sde-lang-option--active{background:var(--sd-purple-dim);color:var(--sd-purple);font-weight:600}.hljs{display:block;overflow-x:auto;background:transparent;color:var(--sd-text-primary);padding:0;margin:0}.hljs code{font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);line-height:1.6}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:var(--sd-purple);font-weight:600}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:var(--sd-green)}.hljs-number,.hljs-meta{color:var(--sd-orange)}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta .hljs-keyword{color:var(--sd-text-muted);font-style:italic}.hljs-title.function_,.hljs-title.class_,.hljs-built_in,.hljs-doctag{color:var(--sd-blue, var(--sd-purple-bright))}.hljs-attr,.hljs-property{color:var(--sd-text-primary)}.hljs-operator,.hljs-punctuation{color:var(--sd-text-secondary)}.hljs-regexp{color:var(--sd-orange)}.sde-code-line-content pre{margin:0;padding:0;background:transparent;border:none;white-space:pre;-moz-tab-size:4;tab-size:4}.sde-code-line-content code{background:transparent;padding:0}.sde-raw-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.sde-raw-view{display:flex;flex-direction:row;flex:1;overflow-y:auto;font-family:var(--sd-font-mono)}.sde-raw-gutter{display:flex;flex-direction:column;text-align:right;padding:8px;background:var(--sd-surface-alt);color:var(--sd-text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--sd-border-subtle);min-width:3em;flex-shrink:0;overflow-y:hidden}.sde-raw-line-number{font-size:var(--sd-font-sm);line-height:1.6;min-height:1.6em}.sde-raw-textarea{flex:1;padding:8px 12px;background:transparent;border:none;outline:none;color:var(--sd-text-primary);font-family:var(--sd-font-mono);font-size:var(--sd-font-base);resize:none;line-height:1.6;min-height:1.6em;-moz-tab-size:4;tab-size:4}.sde-raw-container.sde-pending-pulse{animation:sde-coauthor-pulse 1s ease-in-out infinite}.sde-diff-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.sde-diff-view{display:flex;flex-direction:row;flex:1;overflow-y:auto;font-family:var(--sd-font-mono);font-size:var(--sd-font-sm)}.sde-diff-gutter{display:flex;flex-direction:column;background:var(--sd-surface-alt);border-right:1px solid var(--sd-border-subtle);flex-shrink:0;padding:8px 4px;-webkit-user-select:none;user-select:none}.sde-diff-gutter-row{display:flex;flex-direction:row;gap:4px;line-height:1.6;min-height:1.6em}.sde-diff-line-number{display:inline-block;text-align:right;color:var(--sd-text-muted);min-width:3em;font-size:var(--sd-font-sm)}.sde-diff-line-number--old{border-right:1px solid var(--sd-border-subtle);padding-right:4px}.sde-diff-line-number--new{padding-left:4px}.sde-diff-lines{display:flex;flex-direction:column;flex:1;padding:8px 12px;min-width:0}.sde-diff-line{display:flex;line-height:1.6;min-height:1.6em;padding:0 4px}.sde-diff-line--context{background:transparent;color:var(--sd-text-primary)}.sde-diff-line--added{background:var(--sd-green-dim);color:var(--sd-text-primary)}.sde-diff-line--removed{background:var(--sd-red-dim);color:var(--sd-text-primary);text-decoration:line-through}.sde-diff-line-prefix{display:inline-block;width:1.5em;flex-shrink:0;color:var(--sd-text-muted);-webkit-user-select:none;user-select:none}.sde-diff-line--added .sde-diff-line-prefix{color:var(--sd-green);font-weight:600}.sde-diff-line--removed .sde-diff-line-prefix{color:var(--sd-red);font-weight:600}.sde-diff-line-content{white-space:pre;-moz-tab-size:4;tab-size:4;flex:1;min-width:0;overflow-x:auto}.sde-diff-empty{padding:24px;text-align:center;font-family:var(--sd-font-sans);color:var(--sd-text-muted)}.sde-diff-error{padding:24px;font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);color:var(--sd-red);background:var(--sd-surface-alt);border-left:4px solid var(--sd-red);border-radius:4px;margin:16px}.tree-browser{display:flex;flex-direction:column;height:100%;background:var(--sd-surface);color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-base)}.tree-browser-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--sd-border-subtle);background:var(--sd-surface-alt)}.tree-browser-title{font-size:var(--sd-font-md);font-weight:600;color:var(--sd-text-primary)}.tree-browser-actions{display:flex;gap:8px}.tree-browser-search{padding:8px 12px;border-bottom:1px solid var(--sd-border-subtle);background:var(--sd-surface-alt)}.tree-browser-search-input{width:100%;padding:6px 10px;background:var(--sd-bg);border:1px solid var(--sd-border);border-radius:4px;color:var(--sd-text-primary);font-size:var(--sd-font-sm);font-family:var(--sd-font-sans);outline:none;transition:border-color .15s}.tree-browser-search-input:focus{border-color:var(--sd-border-focus)}.tree-browser-search-input::placeholder{color:var(--sd-text-muted)}.tree-browser-body{flex:1;overflow-y:auto;overflow-x:hidden;outline:none}.tree-browser-body:focus{outline:none}.tree-browser-empty{padding:24px 12px;text-align:center;color:var(--sd-text-muted);font-size:var(--sd-font-sm)}.tree-node-row{display:flex;align-items:center;padding:6px 12px 6px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s;border-left:2px solid transparent}.tree-node-row:hover:not(.disabled){background:var(--sd-surface-hover)}.tree-node-row.selected{background:var(--sd-purple-dim);border-left-color:var(--sd-purple)}.tree-node-row.disabled{opacity:.5;cursor:not-allowed}.tree-node-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:4px;color:var(--sd-text-secondary);font-size:10px;cursor:pointer;transition:transform .12s;flex-shrink:0}.tree-node-chevron.expanded{transform:rotate(90deg)}.tree-node-spacer{display:inline-block;width:16px;height:16px;margin-right:4px;flex-shrink:0}.tree-node-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;font-size:var(--sd-font-sm);flex-shrink:0}.tree-node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sd-text-primary);font-size:var(--sd-font-sm)}.tree-node-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;margin-left:8px;border-radius:9px;font-size:var(--sd-font-xs);font-weight:600;flex-shrink:0}.tree-node-badge.badge-default{background:var(--sd-border);color:var(--sd-text-secondary)}.tree-node-badge.badge-active{background:var(--sd-purple-dim);color:var(--sd-purple)}.tree-node-badge.badge-success{background:var(--sd-green-dim);color:var(--sd-green)}.tree-node-badge.badge-warning{background:var(--sd-orange-dim);color:var(--sd-orange)}.tree-browser.collapsed .tree-node-label,.tree-browser.collapsed .tree-node-badge,.tree-browser.collapsed .tree-node-chevron,.tree-browser.collapsed .tree-node-spacer{display:none!important}.tree-browser.collapsed .tree-node-row{justify-content:center!important;padding-left:4px!important;padding-right:4px!important}.tree-browser.collapsed .tree-node-icon{margin-right:0!important}.tree-editable-value{margin-left:auto;padding-left:8px;font-size:var(--sd-font-xs);color:var(--sd-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%;flex-shrink:0}.tree-editable-clickable{cursor:pointer;border-bottom:1px dashed var(--sd-border);transition:color .1s,border-color .1s}.tree-editable-clickable:hover{color:var(--sd-text-primary);border-bottom-color:var(--sd-purple)}.tree-editable-readonly{cursor:default;opacity:.7}.tree-editable-input{margin-left:auto;padding:2px 6px;font-size:var(--sd-font-xs);font-family:var(--sd-font-mono);color:var(--sd-text-primary);background:var(--sd-bg);border:1px solid var(--sd-border-focus);border-radius:3px;outline:none;max-width:50%;min-width:60px;flex-shrink:0}.tree-editable-input:focus{border-color:var(--sd-purple);box-shadow:0 0 0 1px var(--sd-purple-dim)}.tree-editable-select{cursor:pointer;padding-right:16px}.tree-node-frame{margin:4px 8px 8px;height:160px;overflow:hidden;border:1px solid var(--sd-border-subtle);border-radius:4px;position:relative;background:var(--sd-bg)}.tree-node-frame-inner{width:600px;height:400px;transform:scale(.4);transform-origin:top left;pointer-events:none;display:flex}.tree-node-frame-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--sd-text-muted)}.tree-node-frame-placeholder-icon{font-size:28px;opacity:.5}.tree-node-frame-placeholder-label{font-size:var(--sd-font-sm);font-weight:600;color:var(--sd-text-secondary)}.tree-node-frame-placeholder-hint{font-size:var(--sd-font-xs);opacity:.6}@media (max-width: 767px){.tree-node-frame{margin:4px 4px 8px;height:120px}.tree-node-frame-inner{width:500px;height:300px;transform:scale(.35)}}.tdraw-root{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--sd-bg);overflow:hidden}.tdraw-canvas-container{flex:1;min-width:0;min-height:0;overflow:hidden;position:relative}.tdraw-canvas-container canvas{display:block;width:100%;height:100%}.tdraw-status{display:flex;align-items:center;gap:12px;padding:4px 10px;background:var(--sd-surface);border-top:1px solid var(--sd-border-subtle);font-family:var(--sd-font-mono);font-size:var(--sd-font-xs);color:var(--sd-text-muted);flex-shrink:0}.tdraw-status-pos{color:var(--sd-text-secondary)}.tdraw-status-pen{color:var(--sd-green)}.tdraw-status-msg{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdraw-status-count{color:var(--sd-text-muted);opacity:.6}.tdraw-undo-btn{padding:2px 8px;border-radius:3px;border:1px solid var(--sd-border-subtle);background:transparent;color:var(--sd-text-muted);font-family:var(--sd-font-mono);font-size:var(--sd-font-xs);cursor:pointer;transition:background .12s,color .12s}.tdraw-undo-btn:hover{background:var(--sd-surface-hover);color:var(--sd-text-secondary)}.tdraw-input-bar{display:flex;align-items:center;padding:6px 10px;background:var(--sd-surface);border-top:1px solid var(--sd-border-subtle);gap:8px;flex-shrink:0}.tdraw-prompt-label{color:var(--sd-green);font-family:var(--sd-font-mono);font-weight:600;font-size:var(--sd-font-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.tdraw-input{flex:1;background:transparent;border:none;outline:none;color:var(--sd-text-primary);font-family:var(--sd-font-mono);font-size:var(--sd-font-base);line-height:1.5}.tdraw-input::placeholder{color:var(--sd-text-muted);opacity:.5}.sd-node{position:relative;background:var(--sd-surface);border:2px solid var(--sd-border);border-radius:10px;min-width:150px;color:var(--sd-text-primary);font-family:var(--sd-font-sans);font-size:var(--sd-font-md);box-shadow:var(--sd-shadow-sm);cursor:move}.sd-node:hover{border-color:var(--sd-border-hover)}.sd-node.selected{border-color:var(--sd-purple);box-shadow:0 0 0 2px var(--sd-purple-dim),var(--sd-shadow-md)}.sd-node-header{padding:5px 10px;border-radius:8px 8px 0 0;font-size:var(--sd-font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px}.sd-node-icon{display:flex;align-items:center;justify-content:center}.sd-node-header--start{background:var(--sd-green-dimmest);color:var(--sd-green)}.sd-node-header--end{background:var(--sd-red-dim);color:var(--sd-red)}.sd-node-header--task{background:var(--sd-purple-dimmest);color:var(--sd-purple)}.sd-node-header--decision{background:var(--sd-orange-dim);color:var(--sd-orange)}.sd-node-header--checkpoint{background:var(--sd-cyan-dimmest);color:var(--sd-cyan)}.sd-node-header--queue{background:var(--sd-blue-dimmest);color:var(--sd-blue)}.sd-node-header--split,.sd-node-header--join{background:var(--sd-purple-dimmest);color:var(--sd-purple)}.sd-node-body{padding:8px 10px 10px;font-weight:600}.sd-node-meta{display:flex;gap:6px;padding:0 10px 8px;flex-wrap:wrap}.sd-node-badge{font-size:var(--sd-font-xs);font-family:var(--sd-font-mono);font-weight:600;padding:2px 6px;border-radius:4px;background:var(--sd-bg-subtle);color:var(--sd-text-secondary);border:1px solid var(--sd-border-subtle)}.sd-node-badge--discipline{background:var(--sd-blue-dimmest);color:var(--sd-blue);border-color:var(--sd-blue-dimmer)}.sd-node-badge--capacity{background:var(--sd-cyan-dimmest);color:var(--sd-cyan);border-color:var(--sd-cyan-dimmer)}.sd-oracle-indicator{position:absolute;bottom:-8px;right:10px;font-size:var(--sd-font-xs);font-family:var(--sd-font-mono);background:var(--sd-surface);border:1px solid var(--sd-border-hover);padding:1px 6px;border-radius:4px;color:var(--sd-purple)}.sd-execution-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;gap:4px;font-size:var(--sd-font-xs);font-weight:700;padding:3px 8px;border-radius:10px;white-space:nowrap;z-index:10}.sd-execution-badge.waiting{background:var(--sd-surface);color:var(--sd-text-muted);border:1px solid var(--sd-border)}.sd-execution-badge.running{background:var(--sd-orange-dim);color:var(--sd-orange);border:1px solid var(--sd-orange-dimmer)}.sd-execution-badge.completed{background:var(--sd-green-dimmer);color:var(--sd-green);border:1px solid var(--sd-green-dim)}.sd-execution-badge.failed{background:var(--sd-red-dimmer);color:var(--sd-red);border:1px solid var(--sd-red-dim)}.sd-execution-badge-dot{width:6px;height:6px;border-radius:50%}.sd-execution-badge.waiting .sd-execution-badge-dot{background:var(--sd-text-muted)}.sd-execution-badge.running .sd-execution-badge-dot{background:var(--sd-orange);animation:pulse-badge 1.5s ease-in-out infinite}.sd-execution-badge.completed .sd-execution-badge-dot{background:var(--sd-green)}.sd-execution-badge.failed .sd-execution-badge-dot{background:var(--sd-red)}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.react-flow__node.highlighted{box-shadow:0 0 0 3px var(--sd-accent),0 0 20px var(--sd-accent);animation:pulse-highlight 1s ease-in-out infinite;z-index:100}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 3px var(--sd-accent),0 0 10px var(--sd-accent)}50%{box-shadow:0 0 0 6px var(--sd-accent),0 0 30px var(--sd-accent)}}.sd-execution-count{position:absolute;top:-10px;right:-10px;background:var(--sd-orange);color:var(--sd-bg);font-size:var(--sd-font-xs);font-weight:700;font-family:var(--sd-font-mono);padding:2px 6px;border-radius:10px;z-index:10}.sd-decision-outputs{position:relative;display:flex;justify-content:space-around;gap:8px;margin-top:8px;padding-bottom:12px}.sd-decision-output{position:relative;display:flex;flex-direction:column;align-items:center}.sd-decision-output-label{font-size:var(--sd-font-sm);color:var(--sd-text-secondary);margin-bottom:4px;text-align:center}.react-flow__handle{width:8px;height:8px;background:var(--sd-text-muted);border:2px solid var(--sd-surface)}.react-flow__handle:hover{background:var(--sd-purple)}.sd-handle{opacity:0;width:8px;height:8px;transition:opacity .15s}.react-flow__node:hover .sd-handle,.react-flow__node.selected .sd-handle{opacity:1}.react-flow__edge-path.animated{stroke-dasharray:5;animation:edge-dash .5s linear infinite}@keyframes edge-dash{to{stroke-dashoffset:-10}}.sd-node--start,.sd-node--end{border-radius:50px}.sd-node--start .sd-node-header,.sd-node--end .sd-node-header{border-radius:48px 48px 0 0}.sd-node--decision{background:transparent;border:none;box-shadow:none}.sd-node--decision .sd-node-header{background:transparent;border-radius:0;padding-left:20%}.sd-node--decision .sd-node-body{padding-left:20%;padding-right:20%}.sd-node--decision:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;background:var(--sd-border);clip-path:polygon(12% 0%,88% 0%,100% 50%,88% 100%,12% 100%,0% 50%)}.sd-node--decision:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--sd-surface);clip-path:polygon(12% 0%,88% 0%,100% 50%,88% 100%,12% 100%,0% 50%)}.sd-node--decision:hover:before{background:var(--sd-border-hover)}.sd-node--decision.selected{box-shadow:none}.sd-node--decision.selected:before{background:var(--sd-purple);top:-4px;right:-4px;bottom:-4px;left:-4px}.sd-node--checkpoint{background:transparent;border:none;box-shadow:none}.sd-node--checkpoint .sd-node-header{background:transparent;border-radius:0;padding-left:24%}.sd-node--checkpoint .sd-node-body{padding-left:24%;padding-right:24%}.sd-node--checkpoint:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;background:var(--sd-border);clip-path:polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%)}.sd-node--checkpoint:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--sd-surface);clip-path:polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%)}.sd-node--checkpoint:hover:before{background:var(--sd-border-hover)}.sd-node--checkpoint.selected{box-shadow:none}.sd-node--checkpoint.selected:before{background:var(--sd-purple);top:-4px;right:-4px;bottom:-4px;left:-4px}.sd-node--split{background:transparent;border:none;box-shadow:none}.sd-node--split .sd-node-header{background:transparent;border-radius:0;padding-left:14%}.sd-node--split .sd-node-body{padding-left:10%}.sd-node--split:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;background:var(--sd-border);clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.sd-node--split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--sd-surface);clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.sd-node--split:hover:before{background:var(--sd-border-hover)}.sd-node--split.selected{box-shadow:none}.sd-node--split.selected:before{background:var(--sd-purple);top:-4px;right:-4px;bottom:-4px;left:-4px}.sd-node--join{background:transparent;border:none;box-shadow:none}.sd-node--join .sd-node-header{background:transparent;border-radius:0;padding-left:14%}.sd-node--join .sd-node-body{padding-left:14%}.sd-node--join:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;background:var(--sd-border);clip-path:polygon(0% 0%,100% 0%,90% 100%,10% 100%)}.sd-node--join:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--sd-surface);clip-path:polygon(0% 0%,100% 0%,90% 100%,10% 100%)}.sd-node--join:hover:before{background:var(--sd-border-hover)}.sd-node--join.selected{box-shadow:none}.sd-node--join.selected:before{background:var(--sd-purple);top:-4px;right:-4px;bottom:-4px;left:-4px}.sd-badge-strip{position:absolute;bottom:-12px;left:10px;display:flex;flex-direction:column;align-items:flex-start;z-index:15;cursor:pointer}.sd-badge-strip-dots{display:flex;gap:3px}.sd-badge-dot{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:var(--sd-font-xs);font-weight:800;color:var(--sd-text-primary);font-family:var(--sd-font-mono);border:1px solid var(--sd-border-subtle)}.sd-badge-strip-expanded{position:absolute;top:20px;left:0;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;padding:6px;min-width:180px;max-width:260px;box-shadow:var(--sd-shadow-md);z-index:100;display:flex;flex-direction:column;gap:4px}.sd-badge-item{display:flex;align-items:center;gap:6px;font-size:var(--sd-font-xs);padding:3px 6px;border-left:3px solid;border-radius:0 4px 4px 0;background:var(--sd-bg)}.sd-badge-kind{font-weight:700;text-transform:uppercase;font-family:var(--sd-font-mono);font-size:var(--sd-font-xs);color:var(--sd-text-secondary)}.sd-badge-level{font-weight:700;font-size:var(--sd-font-xs);font-family:var(--sd-font-mono)}.sd-badge-msg{color:var(--sd-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sd-node--decision.sd-node--bypassed,.sd-node--checkpoint.sd-node--bypassed,.sd-node--split.sd-node--bypassed,.sd-node--join.sd-node--bypassed,.sd-node--queue.sd-node--bypassed{opacity:.35;filter:grayscale(.6)}.sd-node--task.sd-node--bypassed:after,.sd-node--start.sd-node--bypassed:after,.sd-node--end.sd-node--bypassed:after{content:"BYPASSED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:var(--sd-font-sm);font-weight:800;color:var(--sd-orange);opacity:.6;letter-spacing:2px;pointer-events:none;z-index:20}.sd-node--task.sd-node--bypassed,.sd-node--start.sd-node--bypassed,.sd-node--end.sd-node--bypassed{opacity:.35;filter:grayscale(.6);pointer-events:auto}.sd-canvas{width:100%;height:100%;position:relative;background:var(--sd-bg)}.react-flow__node{cursor:pointer}.react-flow__node.selected .sd-node{box-shadow:0 0 0 2px var(--sd-purple)}.react-flow__node.selected .sd-node--decision,.react-flow__node.selected .sd-node--checkpoint,.react-flow__node.selected .sd-node--split,.react-flow__node.selected .sd-node--join{box-shadow:none}.react-flow__edge.selected path{stroke:var(--sd-purple);stroke-width:3px}.react-flow__minimap,.react-flow__controls{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:8px}.react-flow__controls button{background:var(--sd-surface);border-bottom:1px solid var(--sd-border);color:var(--sd-text)}.react-flow__controls button:hover{background:var(--sd-surface-hover)}.react-flow__controls button:last-child{border-bottom:none}.react-flow__attribution{display:none}.sd-operator-label{display:inline-flex;align-items:center;gap:3px;font-size:var(--sd-font-xs)}@keyframes sd-glow-pulse{0%{filter:drop-shadow(0 0 8px var(--sd-purple)) drop-shadow(0 0 16px var(--sd-purple-light))}50%{filter:drop-shadow(0 0 4px var(--sd-purple)) drop-shadow(0 0 8px var(--sd-purple-light))}to{filter:none}}.react-flow__node.sd-glow{animation:sd-glow-pulse 5s ease-out forwards;z-index:10}.react-flow__edge.sd-glow path{stroke:var(--sd-purple);stroke-width:3px;animation:sd-glow-pulse 5s ease-out forwards}.react-flow__node.node-search-highlight .sd-node{box-shadow:0 0 0 3px var(--sd-purple),0 0 12px var(--sd-purple-dim);animation:search-pulse 1.5s ease-in-out infinite}@keyframes search-pulse{0%,to{box-shadow:0 0 0 3px var(--sd-purple),0 0 12px var(--sd-purple-dim)}50%{box-shadow:0 0 0 3px var(--sd-purple),0 0 20px var(--sd-purple-dim)}}.react-flow__minimap{overflow:hidden}.react-flow__minimap-mask{fill:var(--sd-glass-bg)!important;stroke:var(--sd-purple-dim)!important;stroke-width:2}.canvas-edge-label{pointer-events:all}.canvas-edge-label-badge{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:4px;padding:4px 8px;font-size:var(--sd-font-xs);font-family:var(--sd-font-mono);color:var(--sd-text-primary);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.group-node{background:var(--sd-surface);border:2px dashed var(--sd-border);border-radius:12px;overflow:hidden;transition:width .2s,height .2s}.group-node.selected{border-color:var(--sd-purple)}.group-node.collapsed{overflow:hidden}.group-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--sd-bg-subtle);border-bottom:1px solid var(--sd-border);font-size:var(--sd-font-sm);font-weight:600}.group-collapse-btn{background:none;border:none;cursor:pointer;color:var(--sd-text-secondary);padding:0;display:flex}.group-icon{color:var(--sd-text-muted)}.group-label{flex:1;color:var(--sd-text-primary)}.group-swimlane-badge{font-size:var(--sd-font-xs);font-family:var(--sd-font-mono);padding:1px 6px;border-radius:4px;background:var(--sd-purple-dimmest);color:var(--sd-purple);border:1px solid var(--sd-purple-dim)}.group-body{padding:10px;min-height:200px}.group-empty-hint{color:var(--sd-text-muted);font-size:var(--sd-font-sm);text-align:center;padding-top:40px}.group-handle{opacity:0;transition:opacity .15s}.group-node:hover .group-handle,.group-node.selected .group-handle{opacity:1}.group-handle-entry{left:-4px}.group-handle-exit{right:-4px}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--bpmn-event-start: var(--sd-green);--bpmn-event-end: var(--sd-red);--bpmn-task-bg: var(--sd-cyan);--bpmn-task-border: var(--sd-cyan-dim);--bpmn-gateway-bg: var(--sd-orange);--bpmn-gateway-border: var(--sd-orange-dim);--bpmn-subprocess-bg: var(--sd-surface);--bpmn-subprocess-border: var(--sd-border);--bpmn-event-intermediate: var(--sd-orange);--bpmn-label-color: var(--sd-text-primary);--bpmn-label-font: var(--sd-font-sm) var(--sd-font-sans);--bpmn-shadow: var(--sd-shadow-sm);--bpmn-select-glow: var(--sd-accent-glow);--bpmn-event-size: 36px;--bpmn-task-height: 60px;--bpmn-task-width: 120px;--bpmn-gateway-size: 48px}.bpmn-node{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.bpmn-node.selected{filter:drop-shadow(0 0 8px var(--bpmn-select-glow))}.bpmn-handle{width:8px;height:8px;background:var(--sd-surface);border:2px solid var(--sd-cyan);border-radius:50%;opacity:0;transition:opacity .2s ease}.bpmn-node:hover .bpmn-handle{opacity:1}.bpmn-label{margin-top:8px;font:var(--bpmn-label-font);color:var(--bpmn-label-color);text-align:center;max-width:140px;word-wrap:break-word;line-height:1.3}.bpmn-start{min-width:var(--bpmn-event-size);min-height:var(--bpmn-event-size)}.bpmn-start-circle{width:var(--bpmn-event-size);height:var(--bpmn-event-size);border:2px solid var(--bpmn-event-start);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sd-surface)}.bpmn-start-inner{width:28px;height:28px;background:var(--bpmn-event-start);border-radius:50%}.bpmn-end{min-width:var(--bpmn-event-size);min-height:var(--bpmn-event-size)}.bpmn-end-circle{width:var(--bpmn-event-size);height:var(--bpmn-event-size);border:4px solid var(--bpmn-event-end);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sd-surface)}.bpmn-end-inner{width:24px;height:24px;background:var(--bpmn-event-end);border-radius:50%}.bpmn-task{min-width:var(--bpmn-task-width);min-height:var(--bpmn-task-height)}.bpmn-task-box{width:var(--bpmn-task-width);height:var(--bpmn-task-height);background:var(--bpmn-task-bg);border:2px solid var(--bpmn-task-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:8px;box-shadow:var(--bpmn-shadow)}.bpmn-task-text{font:12px sans-serif;color:var(--sd-text-primary);font-weight:500;text-align:center;word-wrap:break-word;max-width:100%}.bpmn-actor-badge{position:absolute;top:4px;left:4px;font-size:var(--sd-font-md);line-height:1;background:var(--sd-text-on-accent);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sd-shadow-sm)}.bpmn-gateway{min-width:var(--bpmn-gateway-size);min-height:var(--bpmn-gateway-size)}.bpmn-gateway-diamond{width:var(--bpmn-gateway-size);height:var(--bpmn-gateway-size);background:var(--bpmn-gateway-bg);border:2px solid var(--bpmn-gateway-border);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:var(--bpmn-shadow)}.bpmn-gateway-icon{width:24px;height:24px;transform:rotate(-45deg);color:var(--sd-text-secondary)}.bpmn-subprocess{min-width:var(--bpmn-task-width);min-height:var(--bpmn-task-height)}.bpmn-subprocess-box{width:var(--bpmn-task-width);height:var(--bpmn-task-height);background:var(--bpmn-subprocess-bg);border:2px solid var(--bpmn-subprocess-border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:8px;box-shadow:var(--bpmn-shadow)}.bpmn-subprocess-text{font:12px sans-serif;color:var(--sd-text-secondary);font-weight:500;text-align:center;word-wrap:break-word;max-width:100%}.bpmn-subprocess-marker{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:16px;height:16px}.bpmn-subprocess-marker svg{width:100%;height:100%;color:var(--sd-text-secondary)}.bpmn-event{min-width:var(--bpmn-event-size);min-height:var(--bpmn-event-size)}.bpmn-event-circle{width:var(--bpmn-event-size);height:var(--bpmn-event-size);border:2px solid var(--bpmn-event-intermediate);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sd-surface)}.bpmn-event-inner{width:30px;height:30px;border:2px solid var(--bpmn-event-intermediate);border-radius:50%}@media (max-width: 768px){:root{--bpmn-event-size: 32px;--bpmn-task-height: 52px;--bpmn-task-width: 100px;--bpmn-gateway-size: 40px;--bpmn-label-font: 10px sans-serif}.bpmn-actor-badge{width:18px;height:18px;font-size:var(--sd-font-base)}.bpmn-task-text,.bpmn-subprocess-text{font-size:var(--sd-font-sm)}}.annotation-node{cursor:move}.annotation-node.selected{outline:2px solid var(--sd-purple);outline-offset:2px}.annotation-callout{position:relative}.callout-tail{position:absolute;width:0;height:0}.callout-tail--bottom{bottom:-8px;left:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--sd-border)}.callout-tail--top{top:-8px;left:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--sd-border)}.callout-tail--left{left:-8px;top:20px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--sd-border)}.callout-tail--right{right:-8px;top:20px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--sd-border)}.property-color-input{width:32px;height:32px;border:1px solid var(--sd-border);border-radius:4px;cursor:pointer;padding:2px;background:transparent}.property-select{width:100%;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:4px;padding:6px 8px;color:var(--sd-text-primary);font-size:var(--sd-font-md)}.apps-home{width:100%;height:100%;padding:24px;overflow-y:auto;background:var(--sd-bg);color:var(--sd-text-primary);font-family:var(--sd-font-sans)}.apps-home__header{max-width:1200px;margin:0 auto 32px}.apps-home__search{width:100%;max-width:500px;padding:12px 16px;outline:none;font-family:var(--sd-font-sans);font-size:var(--sd-font-md);color:var(--sd-text-primary);background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:8px;transition:border-color .2s}.apps-home__search:focus{border-color:var(--sd-border-focus)}.apps-home__search::placeholder{color:var(--sd-text-muted)}.apps-home__sections{max-width:1200px;margin:0 auto}.apps-home__section{margin-bottom:40px}.apps-home__section:last-child{margin-bottom:0}.apps-home__section-title{margin:0 0 16px;font-size:var(--sd-font-md);font-weight:600;color:var(--sd-text-secondary);text-transform:uppercase;letter-spacing:.05em}.apps-home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.apps-home-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--sd-surface-alt);border:1px solid var(--sd-border);border-radius:10px;cursor:pointer;transition:border-color .2s}.apps-home-card:hover{border-color:var(--sd-border-focus)}.apps-home-card--dim{opacity:.55}.apps-home-card--dim:hover{opacity:.85}.apps-home-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--sd-text-primary);border-radius:8px}.apps-home-card__icon[data-color=purple]{background:var(--sd-purple)}.apps-home-card__icon[data-color=green]{background:var(--sd-green)}.apps-home-card__icon[data-color=orange]{background:var(--sd-orange)}.apps-home-card__icon[data-color=cyan]{background:var(--sd-cyan)}.apps-home-card__icon[data-color=red]{background:var(--sd-red)}.apps-home-card__content{flex:1;min-height:0}.apps-home-card__name{margin-bottom:4px;font-size:15px;font-weight:500;color:var(--sd-text-primary)}.apps-home-card__description{font-size:var(--sd-font-md);color:var(--sd-text-secondary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.apps-home-card__footer{display:flex;align-items:center;gap:8px;font-size:var(--sd-font-sm)}.apps-home-card__version{color:var(--sd-text-muted);margin-left:auto}.apps-home-badge{padding:2px 8px;border-radius:4px;font-size:var(--sd-font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.apps-home-badge--built{background:var(--sd-green-dim);color:var(--sd-green-dimmer)}.apps-home-badge--partial{background:var(--sd-cyan-dim, var(--sd-green-dim));color:var(--sd-cyan-dimmer, var(--sd-green-dimmer))}.apps-home-badge--stub{background:var(--sd-orange-dim);color:var(--sd-orange-dimmer)}.apps-home-badge--spec{background:var(--sd-purple-dim);color:var(--sd-purple-dimmer)}.apps-home__empty{max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center;font-size:var(--sd-font-md);color:var(--sd-text-muted)}.auth-page-container{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background-color:var(--sd-bg);color:var(--sd-text-primary);position:relative;overflow-y:auto}.auth-gradient-bg{position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,var(--sd-purple-dim) 0%,transparent 70%);pointer-events:none;opacity:.15}.auth-content{position:relative;max-width:440px;width:100%;z-index:1}.auth-header{display:flex;justify-content:center;margin-bottom:32px}.auth-branding{display:flex;align-items:center;gap:16px}.auth-logo-text{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--sd-purple)}.auth-logo-separator{color:var(--sd-text-secondary);font-size:1.2rem}.auth-github-badge{color:var(--sd-text-muted);display:flex;align-items:center;gap:6px;font-size:.95rem}.auth-title{font-size:1.8rem;font-weight:700;margin-bottom:12px;margin-top:0;color:var(--sd-text-primary)}.auth-subtitle{color:var(--sd-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:32px;margin-top:0}.auth-consent-card{background-color:var(--sd-surface);border:1px solid var(--sd-border);border-radius:12px;padding:24px;text-align:left;margin-bottom:24px}.auth-consent-label{color:var(--sd-text-muted);font-size:.85rem;margin-bottom:16px;margin-top:0}.auth-consent-list{list-style:none;padding:0;margin:0}.auth-consent-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.auth-check-icon{color:var(--sd-green);margin-top:2px;flex-shrink:0;font-weight:700}.auth-consent-title{color:var(--sd-text-primary);font-size:.88rem;font-weight:600}.auth-consent-desc{color:var(--sd-text-secondary);font-size:.8rem;display:block;margin-top:2px}.auth-button{padding:14px 0;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;transition:opacity .2s,transform .1s;font-family:inherit}.auth-button:hover:not(:disabled){transform:translateY(-1px);opacity:.95}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:wait;opacity:.6}.auth-button-primary{background-color:var(--sd-text-primary);color:var(--sd-bg);margin-bottom:0}.auth-button-secondary{margin-top:12px;background-color:transparent;color:var(--sd-purple);border:2px solid var(--sd-purple);font-size:.95rem}.auth-loading-container{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background-color:var(--sd-bg);overflow-y:auto}.auth-spinner{width:48px;height:48px;border:3px solid var(--sd-purple-dim);border-top-color:var(--sd-purple);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading-text{color:var(--sd-text-muted);margin-top:20px;font-size:.95rem;margin-bottom:0}.auth-error-card{background-color:var(--sd-surface);border:1px solid var(--sd-red);border-radius:12px;padding:32px 24px;text-align:center;margin-bottom:24px}.auth-error-title{color:var(--sd-red);font-size:1.4rem;font-weight:700;margin-top:0;margin-bottom:12px}.auth-error-message{color:var(--sd-text-primary);font-size:.95rem;line-height:1.6;margin-bottom:24px;margin-top:0}.auth-privacy-notice{color:var(--sd-text-secondary);font-size:.75rem;margin-top:16px;line-height:1.5;margin-bottom:0}.auth-logged-in-card{background-color:var(--sd-surface);border:1px solid var(--sd-border);border-radius:12px;padding:32px 24px;text-align:center;margin-bottom:24px}.auth-logged-in-email{color:var(--sd-purple);font-size:1rem;font-weight:600;margin:16px 0;font-family:monospace}@media (max-width: 480px){.auth-page-container{padding:100px 16px 60px}.auth-content{max-width:100%}.auth-title{font-size:1.5rem}.auth-gradient-bg{width:300px;height:200px}}.setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--sd-overlay-bg, rgba(0, 0, 0, .6))}.setup-modal{background:var(--sd-bg-elevated);border:1px solid var(--sd-border);border-radius:12px;width:420px;max-width:90vw;max-height:85vh;overflow-y:auto;padding:24px;box-shadow:0 8px 32px var(--sd-shadow)}.setup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.setup-title{margin:0;font-size:18px;font-weight:600;color:var(--sd-text-primary)}.setup-dismiss{background:none;border:none;color:var(--sd-text-muted);font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.setup-dismiss:hover{color:var(--sd-text-primary)}.setup-progress{height:4px;background:var(--sd-bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:8px}.setup-progress-bar{height:100%;background:var(--sd-accent);border-radius:2px;transition:width .3s ease}.setup-step-label{font-size:12px;color:var(--sd-text-muted);margin-bottom:20px}.setup-error{background:var(--sd-error-bg, var(--sd-bg-secondary));color:var(--sd-error, var(--sd-text-primary));padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.setup-step{display:flex;flex-direction:column;gap:12px}.setup-step-title{margin:0;font-size:16px;font-weight:600;color:var(--sd-text-primary)}.setup-step-desc{margin:0;font-size:13px;color:var(--sd-text-muted)}.setup-input{width:100%;padding:10px 12px;border:1px solid var(--sd-border);border-radius:6px;background:var(--sd-bg);color:var(--sd-text-primary);font-size:14px;box-sizing:border-box;outline:none}.setup-input:focus{border-color:var(--sd-accent)}.setup-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.setup-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.setup-btn:disabled{opacity:.5;cursor:not-allowed}.setup-btn-primary{background:var(--sd-accent);color:var(--sd-text-on-accent, var(--sd-bg))}.setup-btn-secondary{background:var(--sd-bg-secondary);color:var(--sd-text-muted)}.setup-success{margin:0;color:var(--sd-success, var(--sd-accent));font-weight:500}.react-flow__node.broadcast-highlighted{outline:3px solid var(--sd-purple);outline-offset:2px;animation:broadcast-pulse 1.5s ease-in-out infinite}@keyframes broadcast-pulse{0%,to{outline-color:var(--sd-purple);box-shadow:0 0 20px var(--sd-purple-dim)}50%{outline-color:var(--sd-purple-bright);box-shadow:0 0 30px var(--sd-purple)}}.react-flow__node.search-highlighted{outline:2px solid var(--sd-teal);outline-offset:2px;background:#06b6d40d}.react-flow__node.search-highlighted:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--sd-teal);border-radius:inherit;pointer-events:none;opacity:.6}.configure-mode{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-bg);color:var(--sd-text)}.configure-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--sd-border);background:var(--sd-surface)}.configure-mode-label{font-size:.82rem;font-weight:700;color:var(--sd-purple);text-transform:uppercase;letter-spacing:.5px}.configure-content{display:flex;flex:1;overflow:hidden}.configure-panel-left{width:320px;min-width:280px;border-right:1px solid var(--sd-border);overflow-y:auto;background:var(--sd-surface)}.configure-canvas-container{flex:1;position:relative;background:var(--sd-bg)}.configure-panel-right{width:320px;min-width:280px;border-left:1px solid var(--sd-border);overflow-y:auto;background:var(--sd-surface)}.configure-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.configure-btn.primary{background:var(--sd-green);color:var(--sd-bg)}.configure-btn.primary:hover:not(:disabled){opacity:.9}.configure-btn.primary:disabled{background:var(--sd-text-dim);cursor:not-allowed;opacity:.5}.configure-btn.secondary{background:transparent;border:1px solid var(--sd-border);color:var(--sd-text-muted)}.configure-btn.secondary:hover{background:var(--sd-surface-alt)}.configure-btn.icon{padding:8px 12px;background:var(--sd-purple-dim);border:none;font-size:1rem}.configure-btn.icon:hover{opacity:.85}.configure-validation-panel{padding:16px}.configure-validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--sd-border)}.configure-validation-header h4{margin:0;font-size:.92rem;font-weight:700;color:var(--sd-text)}.configure-validation-counts{display:flex;gap:6px}.configure-validation-count{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:4px}.configure-validation-count.error{background:var(--sd-red-dim);color:var(--sd-red)}.configure-validation-count.warning{background:var(--sd-orange-dim);color:var(--sd-orange)}.configure-validation-body{display:flex;flex-direction:column;gap:8px}.configure-validation-success{display:flex;align-items:center;gap:10px;padding:12px;background:var(--sd-green-dim);border-radius:6px;color:var(--sd-green)}.configure-validation-success .configure-validation-icon{font-size:1.2rem;font-weight:700}.configure-validation-success .configure-validation-message{font-size:.84rem;font-weight:600}.configure-validation-issue{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;font-size:.82rem}.configure-validation-issue.error{background:var(--sd-red-dim);border-left:3px solid var(--sd-red)}.configure-validation-issue.warning{background:var(--sd-orange-dim);border-left:3px solid var(--sd-orange)}.configure-validation-issue.clickable{cursor:pointer;transition:opacity .15s}.configure-validation-issue.clickable:hover{opacity:.8}.configure-validation-issue .configure-validation-icon{flex-shrink:0;font-size:1rem}.configure-validation-issue .configure-validation-message{flex:1;color:var(--sd-text);line-height:1.4}.configure-sim-config-panel{padding:16px}.configure-sim-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--sd-border)}.configure-sim-config-header h3{margin:0;font-size:.92rem;font-weight:700;color:var(--sd-text)}.configure-status-badge{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:4px}.configure-status-badge.ready{background:var(--sd-green-dim);color:var(--sd-green)}.configure-sim-config-body{display:flex;flex-direction:column;gap:18px}.configure-sim-section{display:flex;flex-direction:column;gap:10px}.configure-section-title{font-size:.72rem;font-weight:700;color:var(--sd-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.configure-field{display:flex;flex-direction:column;gap:4px}.configure-field label{font-size:.72rem;font-weight:600;color:var(--sd-text-muted)}.configure-field input{width:100%;box-sizing:border-box;padding:8px 10px;background:var(--sd-surface-alt);border:1px solid var(--sd-purple-dim);border-radius:6px;color:var(--sd-text);font-size:.84rem;outline:none;transition:border-color .15s}.configure-field input:focus{border-color:var(--sd-purple)}.configure-field-row{display:flex;gap:6px;align-items:stretch}.configure-field-row input{flex:1}.configure-field-hint{font-size:.68rem;color:var(--sd-text-dim)}.configure-run-controls{margin-top:8px;display:flex;flex-direction:column;gap:8px}.configure-run-controls .configure-btn{width:100%;padding:12px;font-size:.9rem;font-weight:700}.suggestions-tab{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;height:100%;overflow-y:auto}.suggestions-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.875rem;font-weight:600;color:var(--sd-text);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--sd-border)}.constraints-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.constraint-field{display:flex;flex-direction:column;gap:.25rem}.constraint-field label{font-size:.75rem;color:var(--sd-text-muted);font-weight:500}.constraint-field input{padding:.5rem;border:1px solid var(--sd-border);border-radius:4px;background:var(--sd-surface);color:var(--sd-text);font-size:.875rem;font-family:var(--sd-font-mono)}.constraint-field input:focus{outline:none;border-color:var(--sd-purple)}.constraint-field input::placeholder{color:var(--sd-text-dim)}.analyze-btn{width:100%;padding:.75rem;font-size:.875rem;font-weight:600;background:var(--sd-gradient-green);color:var(--sd-bg);border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.analyze-btn:hover:not(:disabled){opacity:.9}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem;background:var(--sd-red);color:var(--sd-bg);font-size:.75rem;border-radius:4px;margin-top:.5rem}.info-message{padding:.75rem;background:var(--sd-border);color:var(--sd-text-muted);font-size:.75rem;border-radius:4px;margin-top:.5rem}.baseline-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.baseline-metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.7rem;color:var(--sd-text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:.875rem;font-family:var(--sd-font-mono);color:var(--sd-text);font-weight:600}.suggestions-list{display:flex;flex-direction:column;gap:.75rem}.empty-state{padding:2rem;text-align:center;color:var(--sd-text-dim);font-size:.875rem;border:1px dashed var(--sd-border);border-radius:4px}.suggestion-card{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--sd-border);border-radius:4px;background:var(--sd-surface);transition:border-color .2s}.suggestion-card:hover{border-color:var(--sd-purple)}.suggestion-icon{flex-shrink:0;font-size:1.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.suggestion-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.suggestion-title{font-size:.875rem;font-weight:600;color:var(--sd-text)}.suggestion-reason{font-size:.75rem;color:var(--sd-text-muted)}.suggestion-impact{display:flex;gap:.75rem;font-family:var(--sd-font-mono);font-size:.75rem}.impact-good{color:var(--sd-green)}.impact-bad{color:var(--sd-red)}.suggestion-confidence{font-size:.7rem;color:var(--sd-text-muted);font-family:var(--sd-font-mono)}.suggestion-actions{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--sd-purple);color:var(--sd-bg)}.btn-ghost{background:transparent;color:var(--sd-text-muted);border:1px solid var(--sd-border)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.entity-profiles-table-wrapper{overflow-x:auto}.entity-profiles-table{width:100%;font-size:.75rem;font-family:var(--sd-font-mono);border-collapse:collapse}.entity-profiles-table thead{border-bottom:1px solid var(--sd-border)}.entity-profiles-table th{padding:.5rem;text-align:left;font-weight:600;color:var(--sd-text)}.entity-profiles-table td{padding:.5rem;border-bottom:1px solid var(--sd-border-subtle)}.entity-profiles-table tbody tr:hover{background:var(--sd-surface)}.score-good{color:var(--sd-green)}.score-medium{color:var(--sd-orange)}.score-bad{color:var(--sd-red)}.domain-cell{color:var(--sd-text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sweep-tab{padding:1rem;overflow-y:auto;max-height:100%}.sweep-section{margin-bottom:1.5rem}.sweep-section-title{font-size:1rem;font-weight:600;color:var(--sd-text);margin-bottom:.75rem}.sweep-parameters{display:flex;flex-direction:column;gap:.5rem}.sweep-parameter-row{display:flex;gap:.5rem;align-items:center}.sweep-input{padding:.5rem;border:1px solid var(--sd-border);border-radius:4px;background:var(--sd-surface);color:var(--sd-text);font-size:.875rem;flex:1}.sweep-input-narrow{flex:0 0 80px}.sweep-input:focus{outline:none;border-color:var(--sd-purple)}.sweep-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sweep-btn:disabled{opacity:.5;cursor:not-allowed}.sweep-btn-primary{background:var(--sd-purple);color:var(--sd-bg)}.sweep-btn-primary:hover:not(:disabled){background:var(--sd-purple-hover)}.sweep-btn-secondary{background:var(--sd-surface);color:var(--sd-text);border:1px solid var(--sd-border)}.sweep-btn-secondary:hover:not(:disabled){background:var(--sd-surface-hover)}.sweep-btn-icon{padding:.25rem .5rem;background:transparent;color:var(--sd-text-dim);border:1px solid var(--sd-border)}.sweep-btn-icon:hover:not(:disabled){background:var(--sd-surface);color:var(--sd-text)}.sweep-error{padding:.75rem;background:var(--sd-surface);border:1px solid var(--sd-red);border-radius:4px;color:var(--sd-red);font-size:.875rem}.sweep-pareto-chart{display:block;margin:0 auto}.pareto-point{cursor:pointer;transition:r .2s}.pareto-point:hover{r:8}.dominated-point{cursor:pointer}.sweep-table-container{overflow-x:auto;border:1px solid var(--sd-border);border-radius:4px}.sweep-table{width:100%;border-collapse:collapse;background:var(--sd-surface)}.sweep-table thead{background:var(--sd-bg)}.sweep-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--sd-text);border-bottom:1px solid var(--sd-border)}.sweep-table td{padding:.75rem;font-size:.875rem;color:var(--sd-text);border-bottom:1px solid var(--sd-border)}.sweep-table tbody tr{cursor:pointer;transition:background .2s}.sweep-table tbody tr:hover{background:var(--sd-surface-hover)}.sweep-table-row-selected{background:var(--sd-purple-bg)}.sweep-table tbody tr:last-child td{border-bottom:none}.optimize-mode{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-bg)}.optimize-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--sd-border);background:var(--sd-surface)}.optimize-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--sd-text-dim);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.optimize-tab:hover{color:var(--sd-text);background:var(--sd-surface-hover)}.optimize-tab-active{color:var(--sd-purple);border-bottom-color:var(--sd-purple)}.optimize-tab-content{flex:1;overflow-y:auto;background:var(--sd-bg)}.primitive-preview{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--sd-bg);color:var(--sd-text-primary)}.primitive-preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--sd-text-muted);font-size:var(--sd-font-md);font-family:var(--sd-font-sans)}.primitive-preview-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0}.primitive-preview-label{padding:6px 12px;font-size:var(--sd-font-xs);font-weight:600;color:var(--sd-text-secondary);background:var(--sd-surface-alt);border-bottom:1px solid var(--sd-border-subtle);font-family:var(--sd-font-sans);text-transform:uppercase;letter-spacing:.5px}.primitive-preview-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sd-overlay);z-index:499;opacity:0;transition:opacity .3s ease;pointer-events:none}.primitive-preview-sheet-backdrop.visible{opacity:1;pointer-events:auto}.primitive-preview-sheet{position:fixed;bottom:0;left:0;right:0;height:85vh;background:var(--sd-bg);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -4px 20px var(--sd-overlay);z-index:500;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}.primitive-preview-sheet.open{transform:translateY(0)}.primitive-preview-sheet-handle{display:flex;justify-content:center;padding:8px 0 4px;cursor:grab}.primitive-preview-sheet-handle-bar{width:36px;height:4px;background:var(--sd-border);border-radius:2px}.primitive-preview-sheet-header{display:flex;align-items:center;padding:4px 12px 8px;gap:8px;border-bottom:1px solid var(--sd-border-subtle)}.primitive-preview-sheet-back{background:none;border:none;color:var(--sd-text-secondary);font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center}.primitive-preview-sheet-title{flex:1;font-size:var(--sd-font-md);font-weight:600;color:var(--sd-text-primary);font-family:var(--sd-font-sans)}.primitive-preview-sheet-close{background:none;border:none;color:var(--sd-text-secondary);font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center}.primitive-preview-sheet-body{flex:1;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 767px){.primitive-preview-desktop-only{display:none}}@media (min-width: 768px){.primitive-preview-sheet-backdrop,.primitive-preview-sheet{display:none}}.sd-settings-panel{width:100%;max-width:500px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;font-family:var(--sd-font-sans);font-size:var(--sd-font-base);color:var(--sd-text-primary)}.sd-settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--sd-border-subtle)}.sd-settings-panel__title{margin:0;font-size:var(--sd-font-lg);font-weight:600;color:var(--sd-text-primary)}.sd-settings-panel__close{background:transparent;border:none;color:var(--sd-text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .15s}.sd-settings-panel__close:hover{color:var(--sd-text-primary)}.sd-settings-panel__tabs{display:flex;gap:4px;padding:0 12px;background:var(--sd-surface-alt);border-bottom:1px solid var(--sd-border-subtle)}.sd-settings-panel__tab{background:transparent;border:none;padding:10px 16px;font-family:var(--sd-font-sans);font-size:var(--sd-font-md);color:var(--sd-text-secondary);cursor:pointer;position:relative;transition:color .15s}.sd-settings-panel__tab:hover{color:var(--sd-text-primary)}.sd-settings-panel__tab--active{color:var(--sd-purple);font-weight:500}.sd-settings-panel__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--sd-purple)}.sd-settings-panel__content{padding:20px;max-height:600px;overflow-y:auto}.sd-key-manager{display:flex;flex-direction:column;gap:20px}.sd-key-manager__warning{display:flex;gap:12px;padding:12px;background:var(--sd-orange-dim);border:1px solid var(--sd-orange);border-radius:4px;font-size:var(--sd-font-sm);line-height:1.5}.sd-key-manager__warning-icon{flex-shrink:0;font-size:var(--sd-font-md)}.sd-key-manager__warning-content{color:var(--sd-text-primary)}.sd-key-manager__providers{display:flex;flex-direction:column;gap:12px}.sd-key-manager__provider-card{background:var(--sd-surface-alt);border:1px solid var(--sd-border-subtle);border-radius:4px;padding:14px}.sd-key-manager__provider-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sd-key-manager__provider-info{display:flex;flex-direction:column;gap:4px;flex:1}.sd-key-manager__provider-label{font-size:var(--sd-font-md);font-weight:500;color:var(--sd-text-primary)}.sd-key-manager__provider-status{display:flex;gap:6px}.sd-key-manager__status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:var(--sd-font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sd-key-manager__status-badge--configured{background:var(--sd-green-dim);color:var(--sd-green)}.sd-key-manager__status-badge--not-configured{background:var(--sd-border-muted);color:var(--sd-text-muted)}.sd-key-manager__provider-actions{display:flex;gap:8px}.sd-key-manager__masked-key{margin-top:10px;padding:8px 10px;background:var(--sd-bg);border:1px solid var(--sd-border-subtle);border-radius:3px;font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);color:var(--sd-text-secondary)}.sd-key-manager__key-form{margin-top:12px;display:flex;flex-direction:column;gap:10px}.sd-key-manager__input-group{display:flex;gap:6px}.sd-key-manager__input{flex:1;padding:8px 10px;background:var(--sd-bg);border:1px solid var(--sd-border);border-radius:3px;font-family:var(--sd-font-mono);font-size:var(--sd-font-sm);color:var(--sd-text-primary);transition:border-color .15s}.sd-key-manager__input:focus{outline:none;border-color:var(--sd-border-focus)}.sd-key-manager__visibility-toggle{background:var(--sd-surface-hover);border:1px solid var(--sd-border);border-radius:3px;padding:6px 10px;cursor:pointer;transition:background .15s;font-size:var(--sd-font-sm)}.sd-key-manager__visibility-toggle:hover{background:var(--sd-border-subtle)}.sd-key-manager__error{padding:8px 10px;background:var(--sd-red-dim);border:1px solid var(--sd-red);border-radius:3px;color:var(--sd-text-primary);font-size:var(--sd-font-sm)}.sd-key-manager__form-actions{display:flex;gap:8px}.sd-key-manager__delete-confirm{margin-top:12px;padding:12px;background:var(--sd-red-dim);border:1px solid var(--sd-red);border-radius:4px}.sd-key-manager__delete-confirm p{margin:0 0 10px;color:var(--sd-text-primary);font-size:var(--sd-font-sm)}.sd-key-manager__delete-confirm-actions{display:flex;gap:8px}.sd-key-manager__btn,.sd-model-selector__btn{padding:7px 14px;border-radius:3px;font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.sd-key-manager__btn--primary,.sd-model-selector__btn--primary{background:var(--sd-purple);color:var(--sd-text-primary);border-color:var(--sd-purple)}.sd-key-manager__btn--primary:hover:not(:disabled),.sd-model-selector__btn--primary:hover:not(:disabled){background:var(--sd-accent);box-shadow:0 0 8px var(--sd-accent-glow)}.sd-key-manager__btn--secondary{background:var(--sd-surface-hover);color:var(--sd-text-secondary);border-color:var(--sd-border)}.sd-key-manager__btn--secondary:hover{background:var(--sd-border-subtle);color:var(--sd-text-primary)}.sd-key-manager__btn--add{background:var(--sd-green-dim);color:var(--sd-green);border-color:var(--sd-green)}.sd-key-manager__btn--add:hover{background:var(--sd-green);color:var(--sd-text-primary)}.sd-key-manager__btn--delete{background:transparent;color:var(--sd-text-muted);border-color:var(--sd-border-subtle)}.sd-key-manager__btn--delete:hover{background:var(--sd-red-dim);color:var(--sd-red);border-color:var(--sd-red)}.sd-key-manager__btn--danger{background:var(--sd-red);color:var(--sd-text-primary);border-color:var(--sd-red)}.sd-key-manager__btn--danger:hover{background:var(--sd-red);box-shadow:0 0 12px var(--sd-red)}.sd-key-manager__btn:disabled,.sd-model-selector__btn:disabled{opacity:.5;cursor:not-allowed}.sd-model-selector{display:flex;flex-direction:column;gap:20px}.sd-model-selector__header{display:flex;flex-direction:column;gap:6px}.sd-model-selector__title{margin:0;font-size:var(--sd-font-md);font-weight:600;color:var(--sd-text-primary)}.sd-model-selector__subtitle{margin:0;font-size:var(--sd-font-sm);color:var(--sd-text-secondary);line-height:1.4}.sd-model-selector__current{padding:12px;background:var(--sd-purple-dim);border:1px solid var(--sd-border-subtle);border-radius:4px;display:flex;flex-direction:column;gap:6px}.sd-model-selector__current-label{font-size:var(--sd-font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--sd-text-muted);font-weight:500}.sd-model-selector__current-value{display:flex;align-items:center;gap:8px;font-size:var(--sd-font-sm);font-family:var(--sd-font-mono)}.sd-model-selector__current-provider{color:var(--sd-purple);font-weight:500}.sd-model-selector__current-separator{color:var(--sd-text-muted)}.sd-model-selector__current-model{color:var(--sd-text-primary)}.sd-model-selector__field{display:flex;flex-direction:column;gap:6px}.sd-model-selector__label{font-size:var(--sd-font-sm);font-weight:500;color:var(--sd-text-secondary)}.sd-model-selector__select{padding:8px 10px;background:var(--sd-surface-alt);border:1px solid var(--sd-border);border-radius:3px;font-family:var(--sd-font-sans);font-size:var(--sd-font-sm);color:var(--sd-text-primary);cursor:pointer;transition:border-color .15s}.sd-model-selector__select:focus{outline:none;border-color:var(--sd-border-focus)}.sd-model-selector__select:disabled{opacity:.5;cursor:not-allowed}.sd-model-selector__warning{display:flex;gap:8px;padding:10px;background:var(--sd-orange-dim);border:1px solid var(--sd-orange);border-radius:4px;font-size:var(--sd-font-sm);align-items:center}.sd-model-selector__warning-icon{flex-shrink:0}.sd-model-selector__warning-text{color:var(--sd-text-primary)}.sd-model-selector__actions{display:flex;gap:8px}.sd-model-selector__info{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--sd-surface-alt);border:1px solid var(--sd-border-subtle);border-radius:4px;font-size:var(--sd-font-sm)}.sd-model-selector__info-section{display:flex;justify-content:space-between;align-items:center}.sd-model-selector__info-label{color:var(--sd-text-secondary)}.sd-model-selector__info-value{color:var(--sd-text-primary);font-weight:500}.sd-settings-about{display:flex;flex-direction:column;gap:24px}.sd-settings-about__section{display:flex;flex-direction:column;gap:10px}.sd-settings-about__heading{margin:0;font-size:var(--sd-font-md);font-weight:600;color:var(--sd-text-primary)}.sd-settings-about__text{margin:0;font-size:var(--sd-font-sm);color:var(--sd-text-secondary);line-height:1.5}.sd-settings-about__text--muted{color:var(--sd-text-muted);font-size:var(--sd-font-xs)}.sd-settings-about__version{display:flex;gap:8px;font-size:var(--sd-font-sm);font-family:var(--sd-font-mono)}.sd-settings-about__version-label{color:var(--sd-text-muted)}.sd-settings-about__version-value{color:var(--sd-purple);font-weight:500}.sd-settings-about__list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:var(--sd-font-sm);color:var(--sd-text-secondary);line-height:1.5}.sd-settings-about__list li{padding-left:4px}.sd-settings-about__link{color:var(--sd-purple);text-decoration:none;transition:color .15s}.sd-settings-about__link:hover{color:var(--sd-accent);text-decoration:underline}.sd-settings-about__footer{padding-top:16px;border-top:1px solid var(--sd-border-subtle)}.sd-voice-settings{display:flex;flex-direction:column;gap:20px}.sd-voice-settings__section{display:flex;flex-direction:column;gap:16px}.sd-voice-settings__row{display:flex;flex-direction:column;gap:8px}.sd-voice-settings__label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--sd-font-sm);color:var(--sd-text-primary);-webkit-user-select:none;user-select:none}.sd-voice-settings__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--sd-purple);flex-shrink:0}.sd-voice-settings__help-text{margin:0 0 0 26px;font-size:var(--sd-font-xs);color:var(--sd-text-secondary);line-height:1.4}.sd-settings-modal__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--sd-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;animation:sd-settings-modal-fade-in .2s ease-out;padding:20px}.sd-settings-modal__card{max-width:500px;width:100%;max-height:calc(100vh - 40px);overflow:hidden;border-radius:6px;box-shadow:var(--sd-float-shadow);animation:sd-settings-modal-slide-in .2s ease-out}@keyframes sd-settings-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sd-settings-modal-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.monaco-applet-wrapper{width:100%;height:100%;display:flex;flex-direction:column;background:var(--sd-bg-primary);color:var(--sd-text-primary);border:1px solid var(--sd-border-muted);overflow:hidden}.monaco-applet-wrapper .monaco-editor{background:var(--sd-bg-primary)!important;color:var(--sd-text-primary)!important}.monaco-applet-wrapper .monaco-editor .line-numbers{background:var(--sd-bg-secondary)!important;color:var(--sd-text-secondary)!important;border-right:1px solid var(--sd-border-muted)!important}.monaco-applet-wrapper .monaco-scrollable-element{background:var(--sd-bg-primary)!important}.monaco-applet-wrapper .minimap-slider{background:var(--sd-focus-ring)!important;opacity:.5}.monaco-applet-wrapper .minimap-slider:hover{background:var(--sd-focus-ring)!important;opacity:.7}.monaco-applet-wrapper .selection{background:var(--sd-selection-bg)!important}.monaco-applet-wrapper .bracket-match{background:var(--sd-highlight)!important;border:1px solid var(--sd-border-accent)!important}.status-bar{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;padding:0 var(--sd-spacing-md, 12px);background-color:var(--sd-bg-chrome, #1a1a1a);border-top:1px solid var(--sd-border-chrome, #333);font-size:var(--sd-font-size-sm, 12px);font-family:var(--sd-font-mono, "Monaco", "Courier New", monospace);color:var(--sd-text-secondary, #999);gap:var(--sd-spacing-md, 12px);overflow:hidden}.status-bar-left,.status-bar-center,.status-bar-right{display:flex;align-items:center;gap:var(--sd-spacing-md, 12px)}.status-bar-left{flex:0 1 auto;min-width:0}.status-bar-center{flex:1 1 auto;justify-content:center}.status-bar-right{flex:0 1 auto;min-width:0}.egg-name{color:var(--sd-text-primary, #e0e0e0);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.currency-display{display:flex;align-items:center;gap:var(--sd-spacing-xs, 6px);padding:0 var(--sd-spacing-sm, 8px)}.currency-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sd-text-muted, #666);font-size:var(--sd-font-size-xs, 10px)}.currency-value{font-weight:500;color:var(--sd-text-primary, #e0e0e0);font-variant-numeric:tabular-nums}.connection-status{display:flex;align-items:center;gap:var(--sd-spacing-xs, 6px);padding:0 var(--sd-spacing-sm, 8px)}.connection-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-status.status-online .connection-indicator{background-color:var(--sd-success, #4caf50);box-shadow:0 0 4px var(--sd-success, #4caf50)}.connection-status.status-offline .connection-indicator{background-color:var(--sd-error, #f44336);box-shadow:0 0 4px var(--sd-error, #f44336)}.connection-status.status-syncing .connection-indicator{background-color:var(--sd-warning, #ff9800);box-shadow:0 0 4px var(--sd-warning, #ff9800);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.connection-label{font-size:var(--sd-font-size-xs, 10px);text-transform:capitalize;color:var(--sd-text-muted, #666)}@media (max-width: 768px){.status-bar{padding:0 var(--sd-spacing-sm, 8px);font-size:var(--sd-font-size-xs, 10px)}.currency-label{display:none}.egg-name{max-width:120px}.connection-label{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:52px;display:flex;justify-content:space-around;align-items:center;background:var(--sd-bg-chrome);border-top:1px solid var(--sd-border-subtle);z-index:100;padding:0 8px;box-sizing:border-box}.bottom-nav-btn{flex:1;min-width:44px;min-height:44px;max-width:80px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--sd-text-secondary);cursor:pointer;transition:all .2s ease;font-size:20px;font-weight:500;position:relative}.bottom-nav-btn:hover{background:var(--sd-bg-hover);color:var(--sd-text-primary)}.bottom-nav-btn:active{background:var(--sd-bg-active);transform:scale(.95)}.bottom-nav-btn.active{color:var(--sd-accent)}.bottom-nav-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--sd-accent);border-radius:2px}.bottom-nav-btn .monogram{display:block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:4px;background:var(--sd-bg-secondary);color:var(--sd-text-primary);font-size:14px;font-weight:600}.bottom-nav-btn .icon{display:block;width:24px;height:24px;line-height:24px;text-align:center;font-size:20px}@media (max-width: 600px){.bottom-nav{padding:0 4px}.bottom-nav-btn{min-width:48px;min-height:48px}}@supports (padding: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(52px + env(safe-area-inset-bottom))}}.menu-bar-primitive{display:flex;align-items:center;gap:4px;padding:0 8px;height:100%;background:var(--sd-bg-primary);border-bottom:1px solid var(--sd-border);font-size:.9rem;position:relative;z-index:100}.menu-item{position:relative}.menu-button{background:transparent;border:none;color:var(--sd-text-primary);padding:6px 12px;cursor:pointer;border-radius:4px;font-size:.9rem;transition:background .15s}.menu-button:hover{background:var(--sd-bg-hover)}.menu-button.active{background:var(--sd-bg-active);color:var(--sd-text-active)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:180px;background:var(--sd-bg-secondary);border:1px solid var(--sd-border);border-radius:6px;box-shadow:0 4px 12px var(--sd-shadow);padding:4px 0;z-index:1000;margin-top:2px}.menu-dropdown-item{display:block;width:100%;background:transparent;border:none;color:var(--sd-text-primary);padding:8px 16px;text-align:left;cursor:pointer;font-size:.9rem;transition:background .15s;position:relative}.menu-dropdown-item:hover:not(:disabled){background:var(--sd-bg-hover)}.menu-dropdown-item:disabled{color:var(--sd-text-disabled);cursor:not-allowed}.menu-dropdown-item.submenu:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%)}.menu-submenu{position:absolute;top:0;left:100%;min-width:180px;background:var(--sd-bg-secondary);border:1px solid var(--sd-border);border-radius:6px;box-shadow:0 4px 12px var(--sd-shadow);padding:4px 0;margin-left:4px}.menu-divider{height:1px;background:var(--sd-border);margin:4px 0}.menu-shortcut{margin-left:auto;padding-left:16px;opacity:.5;font-size:.8em}.menu-bar-actions{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:8px}.menu-bar-action-btn{background:transparent;border:none;color:var(--sd-text-primary);padding:6px;cursor:pointer;border-radius:4px;font-size:1rem;transition:background .15s;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.menu-bar-action-btn:hover:not(:disabled){background:var(--sd-bg-hover)}.menu-bar-action-btn:disabled{opacity:.4;cursor:not-allowed}.menu-bar-user-status{display:flex;align-items:center;gap:6px;padding-right:8px;font-size:.8rem;color:var(--sd-text-secondary);margin-left:8px}.user-status-indicator{width:6px;height:6px;border-radius:50%;background:var(--sd-green);flex-shrink:0}.command-palette{display:flex;flex-direction:column;background:var(--sd-surface);border:2px solid var(--sd-border);border-radius:12px;box-shadow:var(--sd-shadow-lg);overflow:hidden}.command-palette.desktop{width:600px;max-width:90vw;max-height:500px}.command-palette.mobile{width:100vw;max-height:80vh;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.command-palette-header{padding:12px;border-bottom:1px solid var(--sd-border);background:var(--sd-surface-elevated)}.command-palette-input{width:100%;padding:10px 14px;font-size:var(--sd-font-md);font-family:var(--sd-font-sans);color:var(--sd-text-primary);background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:6px;outline:none}.command-palette-input::placeholder{color:var(--sd-text-muted)}.command-palette-input:focus{border-color:var(--sd-blue);box-shadow:0 0 0 3px var(--sd-blue-alpha)}.command-palette-list{flex:1;overflow-y:auto;padding:6px;min-height:200px;max-height:400px}.command-palette-empty{padding:40px 20px;text-align:center;color:var(--sd-text-muted);font-size:var(--sd-font-md);font-family:var(--sd-font-sans)}.command-palette-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:2px;background:var(--sd-surface);border:1px solid transparent;border-radius:6px;cursor:pointer;text-align:left;font-family:var(--sd-font-sans);transition:all .15s ease}.command-palette-item:hover:not(.disabled){background:var(--sd-surface-hover);border-color:var(--sd-border)}.command-palette-item[data-selected=true]:not(.disabled){background:var(--sd-blue-alpha);border-color:var(--sd-blue)}.command-palette-item.disabled{opacity:.5;cursor:not-allowed}.command-palette-item-main{flex:1;display:flex;flex-direction:column;gap:4px}.command-palette-item-label{font-size:var(--sd-font-md);font-weight:500;color:var(--sd-text-primary)}.command-palette-item-description{font-size:var(--sd-font-sm);color:var(--sd-text-muted)}.command-palette-item-category{font-size:var(--sd-font-xs);color:var(--sd-text-muted);background:var(--sd-surface-elevated);border:1px solid var(--sd-border);padding:2px 8px;border-radius:4px;text-transform:lowercase;font-family:var(--sd-font-mono)}.command-palette.mobile .command-palette-item{padding:14px 16px;min-height:48px}.command-palette.mobile .command-palette-list{max-height:calc(80vh - 80px)}.top-bar{display:flex;align-items:center;gap:var(--sd-gap-md, 8px);padding:0 var(--sd-padding-lg, 14px);background:var(--sd-glass-bg-heavy);-webkit-backdrop-filter:var(--sd-glass-blur);backdrop-filter:var(--sd-glass-blur);border-bottom:1px solid var(--sd-border-subtle);flex-shrink:0;font-family:var(--sd-font-sans);-webkit-user-select:none;user-select:none}.top-bar__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--sd-border-subtle);border-radius:4px;background:transparent;color:var(--sd-text-secondary);cursor:pointer;transition:all .15s ease}.top-bar__button:hover{color:var(--sd-text-primary);border-color:var(--sd-border);background:var(--sd-accent-subtle)}.top-bar__icon{width:16px;height:16px;filter:var(--sd-icon-filter, none)}.top-bar__brand{font-size:var(--sd-font-sm);color:var(--sd-purple);font-weight:700;letter-spacing:.07em;margin-right:var(--sd-gap-sm, 4px);flex-shrink:0}.top-bar__spacer{flex:1;min-width:var(--sd-gap-md, 8px)}.top-bar__currency-chip{display:flex;align-items:center;gap:var(--sd-gap-sm, 4px);padding:2px 10px;border:1px solid var(--sd-border-subtle);border-radius:4px;background:var(--sd-accent-subtle);font-size:var(--sd-font-sm);font-family:var(--sd-font-mono);color:var(--sd-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.top-bar__currency-chip:hover{color:var(--sd-text-primary);border-color:var(--sd-border);background:var(--sd-surface-hover)}.top-bar__currency-chip.expanded{gap:var(--sd-gap-md, 8px);padding:4px 12px}.top-bar__currency-item{display:flex;align-items:center;gap:3px}.top-bar__currency-icon{font-size:10px;opacity:.7}.top-bar__currency-value{font-size:var(--sd-font-xs);font-family:var(--sd-font-mono)}.top-bar__user-badge{display:flex;align-items:center;gap:var(--sd-gap-sm, 4px);font-size:var(--sd-font-sm);font-family:var(--sd-font-sans)}.top-bar__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sd-purple-dim);color:var(--sd-purple);font-size:var(--sd-font-xs);font-weight:600;border:1px solid var(--sd-purple)}.top-bar__link{color:var(--sd-purple);cursor:pointer;text-decoration:none;white-space:nowrap}.top-bar__link:hover{text-decoration:underline}.tab-bar-primitive{display:flex;align-items:stretch;height:32px;min-height:32px;background:var(--sd-glass-bg);-webkit-backdrop-filter:var(--sd-glass-blur);backdrop-filter:var(--sd-glass-blur);border-bottom:1px solid var(--sd-border-subtle);position:relative}.tab-bar-strip{flex:1;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;min-width:0}.tab-bar-strip::-webkit-scrollbar{height:4px}.tab-bar-strip::-webkit-scrollbar-track{background:transparent}.tab-bar-strip::-webkit-scrollbar-thumb{background:var(--sd-border);border-radius:2px}.tab-bar-strip::-webkit-scrollbar-thumb:hover{background:var(--sd-text-muted)}.tab-bar-tab{display:flex;align-items:center;gap:6px;padding:0 12px;cursor:pointer;border-right:1px solid var(--sd-border-subtle);flex-shrink:0;max-width:180px;background:transparent;border-bottom:2px solid transparent;transition:background .15s ease,border-bottom-color .15s ease}.tab-bar-tab:hover{background:var(--sd-surface-hover)}.tab-bar-tab.active{background:#8b5cf614;border-bottom-color:var(--sd-purple)}.tab-bar-label{font-size:var(--sd-font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sd-text-muted)}.tab-bar-tab.active .tab-bar-label{color:var(--sd-text-primary)}.tab-bar-pin-icon{font-size:12px;flex-shrink:0;opacity:.6}.tab-bar-close{color:var(--sd-text-muted);font-size:14px;border-radius:3px;padding:2px 4px;line-height:1;flex-shrink:0;cursor:pointer;background:transparent;border:none;transition:color .15s ease,background .15s ease}.tab-bar-close:hover{color:var(--sd-text-primary);background:#8b5cf626}.tab-bar-add-container{position:relative;display:flex;align-items:center}.tab-bar-add{padding:0 12px;display:flex;align-items:center;cursor:pointer;color:var(--sd-text-muted);font-size:18px;flex-shrink:0;background:transparent;border:none;transition:color .15s ease,background .15s ease}.tab-bar-add:hover{color:var(--sd-text-primary);background:#8b5cf60f}.tab-bar-add-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:4px;box-shadow:var(--sd-shadow-sm);z-index:1000;min-width:150px}.tab-bar-add-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--sd-text-primary);font-size:var(--sd-font-sm);text-align:left;cursor:pointer;transition:background .15s ease}.tab-bar-add-option:hover{background:var(--sd-surface-hover)}@media (max-width: 600px){.tab-bar-strip{overflow-x:scroll;-webkit-overflow-scrolling:touch}.tab-bar-tab{min-width:80px}}.docked-toolbar-container{display:flex;align-items:center;justify-content:center;background:var(--sd-surface);border:1px solid var(--sd-border);gap:4px;padding:4px}.docked-toolbar-container.horizontal{flex-direction:row;min-height:40px}.docked-toolbar-container.vertical{flex-direction:column;min-width:40px}.docked-toolbar-tool-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0}.docked-toolbar-tool-btn:hover:not(:disabled){background:var(--sd-surface-hover);border-color:var(--sd-border)}.docked-toolbar-tool-btn:active:not(:disabled){background:var(--sd-surface-active)}.docked-toolbar-tool-btn:disabled{opacity:.4;cursor:not-allowed}.docked-toolbar-tool-btn img{display:block;pointer-events:none;filter:var(--sd-icon-filter)}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:DM Sans,system-ui,sans-serif;background:#0e0a1a}#root{height:100%;width:100%}.hhp-root,.hhp-root *{box-sizing:border-box}.hhp-root{background:var(--sd-bg);color:var(--sd-text-primary);--sd-bg: #0e0a1a;--sd-surface: #1a1428;--sd-surface-alt: #0f0b1a;--sd-surface-hover: #1f1930;--sd-border: rgba(139,92,246,.35);--sd-border-hover: rgba(139,92,246,.5);--sd-border-subtle: rgba(139,92,246,.3);--sd-border-focus: rgba(139,92,246,.6);--sd-border-muted: rgba(139,92,246,.2);--sd-purple: #8b5cf6;--sd-purple-dim: rgba(139,92,246,.15);--sd-green: #22c55e;--sd-green-dim: rgba(34,197,94,.15);--sd-orange: #f59e0b;--sd-orange-dim: rgba(245,158,11,.15);--sd-cyan: #06b6d4;--sd-cyan-dim: rgba(6,182,212,.15);--sd-red: #ef4444;--sd-red-dim: rgba(239,68,68,.1);--sd-text-primary: #f0edf6;--sd-text-secondary: #9a8fb5;--sd-text-muted: #6b5f82;--sd-glass-bg: rgba(26,20,40,.85);--sd-glass-bg-heavy: rgba(18,14,32,.95);--sd-glass-blur: blur(12px);--sd-accent: #8b5cf6;--sd-accent-glow: rgba(139,92,246,.4);--sd-font-sans: "DM Sans", system-ui, sans-serif;--sd-font-mono: "JetBrains Mono", "Fira Code", monospace;--sd-font-xs: 10px;--sd-font-sm: 11px;--sd-font-base: 12px;--sd-font-md: 13px;--sd-font-lg: 16px;--sd-float-shadow: 0 8px 32px rgba(0,0,0,.4);--sd-overlay-bg: rgba(0,0,0,.7);--sd-spotlight-backdrop: rgba(0,0,0,.75);--sd-spotlight-shadow: 0 16px 64px rgba(0,0,0,.8);--sd-col-icebox: #6b7a8d;--sd-col-backlog: #e89b3f;--sd-col-in-progress: #4a90d9;--sd-col-review: #a07cdc;--sd-col-done: #3fb8a9;--sd-pri-p0: var(--sd-red);--sd-pri-p1: var(--sd-orange);--sd-pri-p2: var(--sd-cyan);--sd-pri-p3: var(--sd-text-muted);--sd-pri-p0-bg: #2b1225;--sd-pri-p1-bg: #2b2011;--sd-pri-p2-bg: #11192b;--sd-pri-p3-bg: #1a1e2b;--sd-type-work: var(--sd-purple);--sd-type-bug: var(--sd-red);--sd-stage-spec: #4a90d9;--sd-stage-ir: #a07cdc;--sd-stage-val: #e89b3f;--sd-stage-build: #3fb8a9;--sd-stage-test: #22c55e;--sd-purple-light: #c084fc;--sd-purple-hover: #7c4ee4;--sd-purple-deep: #7c3aed;--sd-purple-dimmer: rgba(139, 92, 246, .12);--sd-purple-dimmest: rgba(139, 92, 246, .08);--sd-green-dark: #16a34a;--sd-green-dimmer: rgba(34, 197, 94, .15);--sd-green-dimmest: rgba(34, 197, 94, .1);--sd-orange-bright: #fbbf24;--sd-orange-dimmer: rgba(245, 158, 11, .2);--sd-cyan-dimmer: rgba(6, 182, 212, .2);--sd-cyan-dimmest: rgba(6, 182, 212, .08);--sd-cyan-border: rgba(6, 182, 212, .3);--sd-red-dimmer: rgba(239, 68, 68, .15);--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .6);--sd-gradient-purple: linear-gradient(135deg, var(--sd-purple), var(--sd-purple-deep));--sd-gradient-green: linear-gradient(135deg, var(--sd-green), var(--sd-green-dark));--sd-gradient-orange: linear-gradient(135deg, var(--sd-orange), var(--sd-orange-bright));--sd-purple-glow: 0 0 20px rgba(139, 92, 246, .3);--sd-green-glow: 0 0 20px rgba(34, 197, 94, .3);--sd-orange-glow: 0 0 20px rgba(245, 158, 11, .3);--sd-cyan-glow: 0 0 20px rgba(6, 182, 212, .3);--sd-glass-bg-light: rgba(26, 20, 40, .6);--sd-glass-bg-dark: rgba(14, 10, 26, .6);--sd-overlay: rgba(0, 0, 0, .5);--sd-overlay-heavy: rgba(0, 0, 0, .6);--sd-text-secondary-light: #c4bfd4;--sd-text-on-accent: #ffffff;--sd-bg-secondary: rgba(20, 16, 32, .8);--sd-bg-hover: rgba(139, 92, 246, .08);--sd-bg-subtle: rgba(139, 92, 246, .05);--sd-accent-subtle: rgba(139, 92, 246, .1);--sd-grid-dot: rgba(139, 92, 246, .35);--mode-design: #8b5cf6;--mode-production: #22c55e;--mode-simulate: #3b82f6;--mode-playback: #06b6d4;--mode-tabletop: #f59e0b;--mode-compare: #eab308;--mode-optimize: #ef4444;--mode-design-dim: #a78bfa;--mode-production-dim: #4ade80;--mode-simulate-dim: #60a5fa;--mode-playback-dim: #22d3ee;--mode-tabletop-dim: #fb923c;--mode-compare-dim: #facc15;--mode-optimize-dim: #f87171}.hhp-root[data-theme=depth]{--sd-bg: #060410;--sd-surface: #0e0a1c;--sd-surface-alt: #080614;--sd-surface-hover: #130e24;--sd-border: rgba(139,92,246,.45);--sd-border-subtle: rgba(139,92,246,.18);--sd-purple: #a78bfa;--sd-accent: #a78bfa;--sd-accent-glow: rgba(167,139,250,.45);--sd-text-primary: #f5f0ff;--sd-text-secondary: #b8aed4;--sd-glass-bg: rgba(14,10,28,.9);--sd-glass-bg-heavy: rgba(6,4,16,.97);--sd-col-icebox: #6b7a8d;--sd-col-backlog: #e89b3f;--sd-col-in-progress: #4a90d9;--sd-col-review: #a07cdc;--sd-col-done: #3fb8a9;--sd-stage-spec: #4a90d9;--sd-stage-ir: #a07cdc;--sd-stage-val: #e89b3f;--sd-stage-build: #3fb8a9;--sd-stage-test: #22c55e;--sd-purple-light: #e8b44a;--sd-purple-hover: #c28308;--sd-purple-deep: #b37a07;--sd-purple-dimmer: rgba(212, 145, 10, .12);--sd-purple-dimmest: rgba(212, 145, 10, .08);--sd-green-dark: #16a34a;--sd-green-dimmer: rgba(34, 197, 94, .15);--sd-green-dimmest: rgba(34, 197, 94, .1);--sd-orange-bright: #fbbf24;--sd-orange-dimmer: rgba(245, 158, 11, .2);--sd-cyan-dimmer: rgba(104, 137, 180, .2);--sd-cyan-dimmest: rgba(104, 137, 180, .08);--sd-cyan-border: rgba(104, 137, 180, .3);--sd-red-dimmer: rgba(239, 68, 68, .15);--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .6);--sd-gradient-purple: linear-gradient(135deg, #d4910a, #b37a07);--sd-gradient-green: linear-gradient(135deg, var(--sd-green), var(--sd-green-dark));--sd-gradient-orange: linear-gradient(135deg, var(--sd-orange), var(--sd-orange-bright));--sd-purple-glow: 0 0 20px rgba(212, 145, 10, .3);--sd-green-glow: 0 0 20px rgba(34, 197, 94, .3);--sd-orange-glow: 0 0 20px rgba(245, 158, 11, .3);--sd-cyan-glow: 0 0 20px rgba(104, 137, 180, .3);--sd-glass-bg-light: rgba(20, 24, 32, .6);--sd-glass-bg-dark: rgba(10, 13, 18, .6);--sd-overlay: rgba(0, 0, 0, .5);--sd-overlay-heavy: rgba(0, 0, 0, .6);--sd-text-secondary-light: #c4baa8;--sd-text-on-accent: #ffffff;--sd-bg-secondary: rgba(20, 24, 32, .8);--sd-bg-hover: rgba(212, 145, 10, .08);--sd-bg-subtle: rgba(212, 145, 10, .05);--sd-accent-subtle: rgba(212, 145, 10, .1);--sd-grid-dot: rgba(180, 155, 110, .25);--mode-design: #d4910a;--mode-production: #22c55e;--mode-simulate: #6889b4;--mode-playback: #6889b4;--mode-tabletop: #f59e0b;--mode-compare: #c28308;--mode-optimize: #ef4444;--mode-design-dim: #e8b44a;--mode-production-dim: #4ade80;--mode-simulate-dim: #8aa9cc;--mode-playback-dim: #8aa9cc;--mode-tabletop-dim: #fb923c;--mode-compare-dim: #d4910a;--mode-optimize-dim: #f87171}.hhp-root[data-theme=light]{--sd-bg: #f4f2fa;--sd-surface: #ffffff;--sd-surface-alt: #f0edf8;--sd-surface-hover: #ece8f5;--sd-border: rgba(109,72,216,.25);--sd-border-hover: rgba(109,72,216,.4);--sd-border-subtle: rgba(109,72,216,.15);--sd-border-focus: rgba(109,72,216,.5);--sd-border-muted: rgba(109,72,216,.1);--sd-purple: #6d48d8;--sd-purple-dim: rgba(109,72,216,.12);--sd-green: #16a34a;--sd-orange: #d97706;--sd-cyan: #0891b2;--sd-red: #dc2626;--sd-text-primary: #1a1033;--sd-text-secondary: #4a3f6b;--sd-text-muted: #8878aa;--sd-glass-bg: rgba(255,255,255,.88);--sd-glass-bg-heavy: rgba(244,242,250,.97);--sd-accent: #6d48d8;--sd-accent-glow: rgba(109,72,216,.3);--sd-col-icebox: #8899aa;--sd-col-backlog: #c57b1f;--sd-col-in-progress: #2a70b9;--sd-col-review: #7b5cb6;--sd-col-done: #1f9889;--sd-stage-spec: #2a70b9;--sd-stage-ir: #7b5cb6;--sd-stage-val: #c57b1f;--sd-stage-build: #1f9889;--sd-stage-test: #16a34a;--sd-purple-light: #a78bfa;--sd-purple-hover: #7c4ee4;--sd-purple-deep: #7c3aed;--sd-purple-dimmer: rgba(139, 92, 246, .08);--sd-purple-dimmest: rgba(139, 92, 246, .05);--sd-green-dark: #16a34a;--sd-green-dimmer: rgba(34, 197, 94, .1);--sd-green-dimmest: rgba(34, 197, 94, .08);--sd-orange-bright: #fbbf24;--sd-orange-dimmer: rgba(245, 158, 11, .1);--sd-cyan-dimmer: rgba(6, 182, 212, .1);--sd-cyan-dimmest: rgba(6, 182, 212, .05);--sd-cyan-border: rgba(6, 182, 212, .25);--sd-red-dimmer: rgba(239, 68, 68, .1);--sd-shadow-sm: 0 2px 8px rgba(26, 20, 40, .08);--sd-shadow-md: 0 4px 16px rgba(26, 20, 40, .1);--sd-shadow-lg: 0 8px 24px rgba(26, 20, 40, .12);--sd-shadow-xl: 0 8px 32px rgba(26, 20, 40, .15);--sd-shadow-2xl: 0 24px 64px rgba(26, 20, 40, .2);--sd-gradient-purple: linear-gradient(135deg, var(--sd-purple), var(--sd-purple-deep));--sd-gradient-green: linear-gradient(135deg, var(--sd-green), var(--sd-green-dark));--sd-gradient-orange: linear-gradient(135deg, var(--sd-orange), var(--sd-orange-bright));--sd-purple-glow: 0 0 20px rgba(139, 92, 246, .2);--sd-green-glow: 0 0 20px rgba(34, 197, 94, .2);--sd-orange-glow: 0 0 20px rgba(245, 158, 11, .2);--sd-cyan-glow: 0 0 20px rgba(6, 182, 212, .2);--sd-glass-bg-light: rgba(255, 255, 255, .95);--sd-glass-bg-dark: rgba(248, 247, 250, .85);--sd-overlay: rgba(26, 20, 40, .15);--sd-overlay-heavy: rgba(26, 20, 40, .25);--sd-text-secondary-light: #4a4160;--sd-text-on-accent: #ffffff;--sd-bg-secondary: rgba(245, 243, 255, .9);--sd-bg-hover: rgba(139, 92, 246, .06);--sd-bg-subtle: rgba(139, 92, 246, .04);--sd-accent-subtle: rgba(139, 92, 246, .08);--sd-grid-dot: rgba(139, 92, 246, .35);--mode-design: #7c3aed;--mode-production: #16a34a;--mode-simulate: #2563eb;--mode-playback: #0891b2;--mode-tabletop: #ea580c;--mode-compare: #ca8a04;--mode-optimize: #dc2626;--mode-design-dim: #a78bfa;--mode-production-dim: #4ade80;--mode-simulate-dim: #60a5fa;--mode-playback-dim: #22d3ee;--mode-tabletop-dim: #fb923c;--mode-compare-dim: #facc15;--mode-optimize-dim: #f87171}.hhp-root[data-theme=monochrome]{--sd-bg: #0a0a0a;--sd-surface: #141414;--sd-surface-alt: #0d0d0d;--sd-surface-hover: #1a1a1a;--sd-border: rgba(200,200,200,.2);--sd-border-hover: rgba(200,200,200,.35);--sd-border-subtle: rgba(200,200,200,.1);--sd-border-focus: rgba(220,220,220,.5);--sd-border-muted: rgba(200,200,200,.07);--sd-purple: #cccccc;--sd-purple-dim: rgba(200,200,200,.1);--sd-green: #aaaaaa;--sd-orange: #999999;--sd-cyan: #bbbbbb;--sd-red: #888888;--sd-text-primary: #f0f0f0;--sd-text-secondary: #999999;--sd-text-muted: #555555;--sd-glass-bg: rgba(20,20,20,.88);--sd-glass-bg-heavy: rgba(10,10,10,.97);--sd-accent: #cccccc;--sd-accent-glow: rgba(200,200,200,.25);--sd-col-icebox: #777777;--sd-col-backlog: #999999;--sd-col-in-progress: #aaaaaa;--sd-col-review: #bbbbbb;--sd-col-done: #cccccc;--sd-stage-spec: #999999;--sd-stage-ir: #aaaaaa;--sd-stage-val: #bbbbbb;--sd-stage-build: #cccccc;--sd-stage-test: #dddddd;--sd-purple-light: #d8d8d8;--sd-purple-hover: #b0b0b0;--sd-purple-deep: #a0a0a0;--sd-purple-dimmer: rgba(192, 192, 192, .12);--sd-purple-dimmest: rgba(192, 192, 192, .08);--sd-green-dark: #d0d0d0;--sd-green-dimmer: rgba(224, 224, 224, .15);--sd-green-dimmest: rgba(224, 224, 224, .1);--sd-orange-bright: #c0c0c0;--sd-orange-dimmer: rgba(176, 176, 176, .2);--sd-cyan-dimmer: rgba(160, 160, 160, .2);--sd-cyan-dimmest: rgba(160, 160, 160, .08);--sd-cyan-border: rgba(160, 160, 160, .3);--sd-red-dimmer: rgba(144, 144, 144, .15);--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .6);--sd-gradient-purple: linear-gradient(135deg, #c0c0c0, #a0a0a0);--sd-gradient-green: linear-gradient(135deg, #e0e0e0, #d0d0d0);--sd-gradient-orange: linear-gradient(135deg, #b0b0b0, #c0c0c0);--sd-purple-glow: 0 0 20px rgba(192, 192, 192, .3);--sd-green-glow: 0 0 20px rgba(224, 224, 224, .3);--sd-orange-glow: 0 0 20px rgba(176, 176, 176, .3);--sd-cyan-glow: 0 0 20px rgba(160, 160, 160, .3);--sd-glass-bg-light: rgba(26, 26, 26, .6);--sd-glass-bg-dark: rgba(14, 14, 14, .6);--sd-overlay: rgba(0, 0, 0, .5);--sd-overlay-heavy: rgba(0, 0, 0, .6);--sd-text-secondary-light: #d0d0d0;--sd-text-on-accent: #ffffff;--sd-bg-secondary: rgba(30, 30, 30, .8);--sd-bg-hover: rgba(200, 200, 200, .08);--sd-bg-subtle: rgba(200, 200, 200, .05);--sd-accent-subtle: rgba(200, 200, 200, .1);--sd-grid-dot: rgba(192, 192, 192, .35);--mode-design: #ffffff;--mode-production: #e0e0e0;--mode-simulate: #c0c0c0;--mode-playback: #a0a0a0;--mode-tabletop: #909090;--mode-compare: #707070;--mode-optimize: #505050;--mode-design-dim: #d0d0d0;--mode-production-dim: #b8b8b8;--mode-simulate-dim: #a0a0a0;--mode-playback-dim: #888888;--mode-tabletop-dim: #707070;--mode-compare-dim: #585858;--mode-optimize-dim: #404040}.hhp-root[data-theme=high-contrast]{--sd-bg: #000000;--sd-surface: #0a0a0a;--sd-surface-alt: #000000;--sd-surface-hover: #111111;--sd-border: rgba(255,255,0,.6);--sd-border-hover: rgba(255,255,0,.9);--sd-border-subtle: rgba(255,255,0,.3);--sd-border-focus: #ffff00;--sd-border-muted: rgba(255,255,0,.15);--sd-purple: #ffff00;--sd-purple-dim: rgba(255,255,0,.15);--sd-green: #00ff88;--sd-orange: #ff8800;--sd-cyan: #00ffff;--sd-red: #ff4444;--sd-text-primary: #ffffff;--sd-text-secondary: #dddddd;--sd-text-muted: #aaaaaa;--sd-glass-bg: rgba(0,0,0,.95);--sd-glass-bg-heavy: rgba(0,0,0,1);--sd-accent: #ffff00;--sd-accent-glow: rgba(255,255,0,.4);--sd-col-icebox: #aaaaaa;--sd-col-backlog: #ff8800;--sd-col-in-progress: #44aaff;--sd-col-review: #cc88ff;--sd-col-done: #00ff88;--sd-stage-spec: #44aaff;--sd-stage-ir: #cc88ff;--sd-stage-val: #ff8800;--sd-stage-build: #00ff88;--sd-stage-test: #00ff44;--sd-purple-light: #c4b5fd;--sd-purple-hover: #9370ee;--sd-purple-deep: #8b5cf6;--sd-purple-dimmer: rgba(167, 139, 250, .15);--sd-purple-dimmest: rgba(167, 139, 250, .1);--sd-green-dark: #f59e0b;--sd-green-dimmer: rgba(251, 191, 36, .15);--sd-green-dimmest: rgba(251, 191, 36, .1);--sd-orange-bright: #fdba74;--sd-orange-dimmer: rgba(251, 146, 60, .15);--sd-cyan-dimmer: rgba(6, 182, 212, .15);--sd-cyan-dimmest: rgba(6, 182, 212, .1);--sd-cyan-border: rgba(6, 182, 212, .4);--sd-red-dimmer: rgba(244, 114, 182, .15);--sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--sd-shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--sd-shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--sd-shadow-xl: 0 8px 32px rgba(0, 0, 0, .8);--sd-shadow-2xl: 0 24px 64px rgba(0, 0, 0, .9);--sd-gradient-purple: linear-gradient(135deg, #a78bfa, #8b5cf6);--sd-gradient-green: linear-gradient(135deg, #fbbf24, #f59e0b);--sd-gradient-orange: linear-gradient(135deg, #fb923c, #fdba74);--sd-purple-glow: 0 0 20px rgba(167, 139, 250, .5);--sd-green-glow: 0 0 20px rgba(251, 191, 36, .5);--sd-orange-glow: 0 0 20px rgba(251, 146, 60, .5);--sd-cyan-glow: 0 0 20px rgba(6, 182, 212, .5);--sd-glass-bg-light: rgba(26, 26, 26, .8);--sd-glass-bg-dark: rgba(0, 0, 0, .8);--sd-overlay: rgba(0, 0, 0, .7);--sd-overlay-heavy: rgba(0, 0, 0, .85);--sd-text-secondary-light: #f0f0f0;--sd-text-on-accent: #ffffff;--sd-bg-secondary: rgba(10, 5, 20, .9);--sd-bg-hover: rgba(167, 139, 250, .1);--sd-bg-subtle: rgba(167, 139, 250, .06);--sd-accent-subtle: rgba(167, 139, 250, .12);--sd-grid-dot: rgba(167, 139, 250, .35);--mode-design: #a78bfa;--mode-production: #fbbf24;--mode-simulate: #60a5fa;--mode-playback: #06b6d4;--mode-tabletop: #fb923c;--mode-compare: #facc15;--mode-optimize: #f472b6;--mode-design-dim: #8b5cf6;--mode-production-dim: #f59e0b;--mode-simulate-dim: #3b82f6;--mode-playback-dim: #0891b2;--mode-tabletop-dim: #ea580c;--mode-compare-dim: #eab308;--mode-optimize-dim: #ec4899}@keyframes hhp-reengage{0%{box-shadow:none}35%{box-shadow:0 0 0 2px var(--sd-accent),0 0 20px var(--sd-accent-glow)}to{box-shadow:0 0 0 1px #8b5cf64d}}.hhp-reengage{animation:hhp-reengage .5s ease-in-out forwards!important}.hhp-focused{box-shadow:0 0 0 2px var(--sd-accent),0 0 16px #8b5cf640!important;border-color:var(--sd-border-focus)!important}@keyframes hhp-notif-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes hhp-gov-glow{0%,to{box-shadow:0 0 6px var(--sd-orange)}50%{box-shadow:0 0 18px var(--sd-orange),0 0 36px #f59e0b40}}.hhp-notif-pulse{animation:hhp-notif-pulse 2s ease-in-out infinite}.hhp-gov-glow{animation:hhp-gov-glow 2s ease-in-out infinite}.hhp-divider-line{transition:background .12s,width .12s,height .12s}.hhp-divider-dots{transition:opacity .15s}@keyframes hhp-dropzone-in{0%{opacity:0}to{opacity:1}}.hhp-dropzone{animation:hhp-dropzone-in 80ms ease-out forwards}.hhp-root ::-webkit-scrollbar{width:5px;height:5px}.hhp-root ::-webkit-scrollbar-track{background:transparent}.hhp-root ::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:3px}.hhp-root ::-webkit-scrollbar-thumb:hover{background:#8b5cf659}.hhp-root[data-theme=cloud]{--sd-bg: #f5f0e8;--sd-surface: #faf7f2;--sd-surface-alt: #eee8dc;--sd-surface-hover: rgba(174, 86, 48, .06);--sd-border: rgba(174, 86, 48, .15);--sd-border-hover: rgba(174, 86, 48, .3);--sd-border-subtle: rgba(174, 86, 48, .08);--sd-border-focus: rgba(174, 86, 48, .45);--sd-purple: #ae5630;--sd-purple-hover: #c4623a;--sd-purple-deep: #8b4526;--sd-purple-dim: rgba(174, 86, 48, .12);--sd-purple-dimmer: rgba(174, 86, 48, .08);--sd-purple-dimmest: rgba(174, 86, 48, .05);--sd-grid-dot: rgba(174, 86, 48, .2);--sd-green: #5a9e6f;--sd-green-dark: #4a8a5e;--sd-green-dim: rgba(90, 158, 111, .15);--sd-green-dimmer: rgba(90, 158, 111, .1);--sd-green-dimmest: rgba(90, 158, 111, .08);--sd-orange: #d4872e;--sd-orange-bright: #e8a040;--sd-orange-dim: rgba(212, 135, 46, .12);--sd-orange-dimmer: rgba(212, 135, 46, .1);--sd-cyan: #5a9ea8;--sd-cyan-dim: rgba(90, 158, 168, .12);--sd-cyan-dimmer: rgba(90, 158, 168, .1);--sd-cyan-dimmest: rgba(90, 158, 168, .05);--sd-cyan-border: rgba(90, 158, 168, .25);--sd-red: #c44a3a;--sd-red-dim: rgba(196, 74, 58, .12);--sd-red-dimmer: rgba(196, 74, 58, .1);--sd-text-primary: #2d2418;--sd-text-secondary: #6b5c4d;--sd-text-secondary-light: #504536;--sd-text-muted: #9a8d7f;--sd-shadow-sm: 0 2px 8px rgba(45, 36, 24, .06);--sd-shadow-md: 0 4px 16px rgba(45, 36, 24, .08);--sd-shadow-lg: 0 8px 24px rgba(45, 36, 24, .1);--sd-shadow-xl: 0 8px 32px rgba(45, 36, 24, .12);--sd-shadow-2xl: 0 24px 64px rgba(45, 36, 24, .16);--sd-gradient-purple: linear-gradient(135deg, #ae5630, #8b4526);--sd-gradient-green: linear-gradient(135deg, #5a9e6f, #4a8a5e);--sd-gradient-orange: linear-gradient(135deg, #d4872e, #e8a040);--sd-purple-glow: 0 0 20px rgba(174, 86, 48, .15);--sd-green-glow: 0 0 20px rgba(90, 158, 111, .15);--sd-orange-glow: 0 0 20px rgba(212, 135, 46, .15);--sd-cyan-glow: 0 0 20px rgba(90, 158, 168, .15);--sd-overlay: rgba(45, 36, 24, .3);--sd-overlay-heavy: rgba(45, 36, 24, .6);--sd-glass-bg: rgba(250, 247, 242, .7);--sd-glass-bg-light: rgba(250, 247, 242, .5);--sd-glass-bg-dark: rgba(238, 232, 220, .8);--sd-glass-bg-heavy: rgba(238, 232, 220, .95);--sd-glass-blur: blur(12px);--sd-input-bg: #ffffff;--sd-input-border: rgba(174, 86, 48, .3);--sd-input-focus-border: rgba(174, 86, 48, .5);--sd-badge-bg: rgba(174, 86, 48, .1);--sd-badge-text: #ae5630;--sd-panel-footer-bg: var(--sd-surface);--sd-hover-bg: var(--sd-surface-hover);--sd-bg-secondary: rgba(250, 247, 242, .9);--sd-bg-hover: rgba(174, 86, 48, .06);--sd-bg-subtle: rgba(174, 86, 48, .04);--sd-accent: #ae5630;--sd-accent-subtle: rgba(174, 86, 48, .08);--sd-warning: #d4872e;--sd-warning-subtle: rgba(212, 135, 46, .08);--sd-divider: rgba(174, 86, 48, .12);--sd-divider-hover: rgba(174, 86, 48, .3);--sd-chrome-bg: var(--sd-surface);--sd-chrome-border: var(--sd-border);--sd-dropzone: rgba(174, 86, 48, .06);--sd-dropzone-border: rgba(174, 86, 48, .25);--sd-pane-glow: 0 0 12px rgba(174, 86, 48, .18);--sd-pane-glow-subtle: 0 0 4px rgba(174, 86, 48, .08);--sd-maximize-backdrop: rgba(245, 240, 232, .95);--sd-text-on-accent: #ffffff;--mode-design: #ae5630;--mode-production: #5a9e6f;--mode-simulate: #4a7fb5;--mode-playback: #5a9ea8;--mode-tabletop: #d4872e;--mode-compare: #b8963a;--mode-optimize: #c44a3a;--mode-design-dim: rgba(174, 86, 48, .25);--mode-production-dim: rgba(90, 158, 111, .25);--mode-simulate-dim: rgba(74, 127, 181, .25);--mode-playback-dim: rgba(90, 158, 168, .25);--mode-tabletop-dim: rgba(212, 135, 46, .25);--mode-compare-dim: rgba(184, 150, 58, .25);--mode-optimize-dim: rgba(196, 74, 58, .25)}