:root{color-scheme:dark;--color-bg-app: #101114;--color-bg-app-solid: #101114;--color-bg-workspace: #15171b;--color-bg-surface: rgba(23, 25, 29, .92);--color-bg-panel-header: rgba(20, 22, 26, .96);--color-bg-panel-sidebar: #121418;--color-bg-detail: #17191d;--color-bg-preview: #111317;--color-bg-input: rgba(255, 255, 255, .055);--color-bg-empty: rgba(18, 20, 24, .82);--color-bg-browser-surface: #17191d;--color-bg-browser-muted: #242830;--color-bg-browser-card: #20242a;--color-bg-browser-card-hover: #262b33;--color-bg-interactive: rgba(255, 255, 255, .06);--color-bg-interactive-hover: rgba(255, 255, 255, .1);--color-bg-interactive-selected: rgba(59, 130, 246, .18);--color-bg-accent: #3b82f6;--color-bg-accent-strong: #2563eb;--color-icon-accent: #60a5fa;--color-shadow-accent: rgba(37, 99, 235, .28);--color-text-primary: rgba(248, 250, 252, .96);--color-text-secondary: rgba(226, 232, 240, .76);--color-text-muted: rgba(148, 163, 184, .74);--color-text-danger: #f87171;--color-border-primary: rgba(226, 232, 240, .12);--color-border-focus: #60a5fa;--color-border-danger: rgba(248, 113, 113, .48);--shadow-panel: 0 22px 48px rgba(0, 0, 0, .22);--pad-page: 14px;--pad-card: 16px;--gap-stack: 14px;--radius-card: 18px;--context-bar-height: 52px;--mode-bar-height: 64px;--color-mode-active-bg: rgba(248, 250, 252, .94);--color-mode-active-text: #101114;--color-mode-unbuilt-border: rgba(226, 232, 240, .24);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-top: env(safe-area-inset-top, 0px)}@media (min-width: 800px){:root{--pad-page: 24px;--pad-card: 20px;--gap-stack: 18px;--radius-card: 22px}}:root:not(.dark){color-scheme:light;--color-bg-app: #f4f6f9;--color-bg-app-solid: #f4f6f9;--color-bg-workspace: #eef2f6;--color-bg-surface: rgba(255, 255, 255, .94);--color-bg-panel-header: rgba(255, 255, 255, .96);--color-bg-panel-sidebar: #f8fafc;--color-bg-detail: #ffffff;--color-bg-preview: #f3f6fa;--color-bg-input: #ffffff;--color-bg-empty: rgba(255, 255, 255, .78);--color-bg-browser-surface: #eef2f6;--color-bg-browser-muted: #f5f7fb;--color-bg-browser-card: #ffffff;--color-bg-browser-card-hover: #f7faff;--color-bg-interactive: rgba(15, 23, 42, .045);--color-bg-interactive-hover: rgba(15, 23, 42, .08);--color-bg-interactive-selected: rgba(37, 99, 235, .12);--color-bg-accent: #2563eb;--color-bg-accent-strong: #1d4ed8;--color-icon-accent: #2563eb;--color-shadow-accent: rgba(37, 99, 235, .18);--color-text-primary: #111827;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-danger: #dc2626;--color-border-primary: rgba(15, 23, 42, .12);--color-border-focus: #2563eb;--color-border-danger: rgba(220, 38, 38, .38);--shadow-panel: 0 18px 44px rgba(15, 23, 42, .1);--color-mode-active-bg: #1b1d21;--color-mode-active-text: #f8fafc;--color-mode-unbuilt-border: #d3d3d8}*{box-sizing:border-box}html,body{width:100dvw;height:100dvh;min-width:0;min-height:0;overflow:clip;overscroll-behavior:none}body{margin:0;min-width:0;min-height:0;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;background:var(--color-bg-app);color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}