:root{--brand-background: #0B0B0F;--brand-foreground: #F0F0F5;--brand-card: #14141A;--brand-card-foreground: #F0F0F5;--brand-popover: #1E1E26;--brand-popover-foreground: #F0F0F5;--brand-primary: #0EA5E9;--brand-primary-foreground: #FFFFFF;--brand-muted: #1E1E26;--brand-muted-foreground: #A0A0B0;--brand-border: #2A2A35;--brand-input: #2A2A35;--brand-ring: #0EA5E9;--brand-radius-sm: 4px;--brand-radius-md: 8px;--brand-radius-lg: 12px;--bg: var(--brand-background);--surface: var(--brand-card);--surface-2: var(--brand-popover);--ink: var(--brand-foreground);--ink-2: var(--brand-muted-foreground);--ink-3: #6E6E80;--line: var(--brand-border);--brand: var(--brand-primary);--brand-ink: var(--brand-primary-foreground);--state-success: #22C55E;--state-warning: #EAB308;--state-error: #EF4444;--state-info: #3B82F6;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--r-xs: 2px;--r-sm: var(--brand-radius-sm);--r-md: var(--brand-radius-md);--r-lg: var(--brand-radius-lg);--r-pill: 999px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 1px rgba(15, 23, 42, .03);--shadow-2: 0 8px 24px -8px rgba(0, 0, 0, .35);--shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .5);--font-sans: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{font-family:var(--font-sans);background-color:var(--bg);color:var(--ink)}body{font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dot-grid{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px}.app-frame{display:grid;grid-template-columns:56px 1fr 360px;grid-template-rows:56px 1fr 40px;grid-template-areas:"topbar topbar topbar" "sidebar canvas drawer" "bottom bottom bottom";width:100vw;height:100vh;overflow:hidden;background-color:var(--bg)}.region-topbar{grid-area:topbar}.region-sidebar{grid-area:sidebar}.region-canvas{grid-area:canvas;min-width:0;min-height:0}.region-drawer{grid-area:drawer}.region-bottom{grid-area:bottom}@media(max-width:1024px){.app-frame{grid-template-columns:56px 1fr;grid-template-areas:"topbar topbar" "sidebar canvas" "bottom bottom"}.region-drawer{display:none}}