*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--builder-bg: #f7f6f3;--panel-bg: #ffffff;--panel-border: #e9e9e6;--surface: #f1f0ed;--surface-hover: #eae9e5;--surface-active: #e3e2dd;--text-primary: #1a1915;--text-secondary: #6b6963;--text-muted: #b0aea8;--accent: #2383e2;--accent-hover: #1a6dc4;--accent-glow: rgba(35,131,226,.15);--danger: #e03131;--success: #2f9e44;--canvas-bg: #eeede9;--canvas-border: rgba(0,0,0,.07);--overlay-block: rgba(35,131,226,.06);--scrollbar-thumb:#d4d3ce;--page-bg: #f7f6f3;--page-text: #1a1915;--page-muted: #6b6963;--page-subtle: rgba(0,0,0,.06);--page-border: rgba(0,0,0,.08);--page-card: #ffffff;--page-accent: #2383e2;--page-accent-text: #ffffff;--nav-bg: rgba(247,246,243,.92)}[data-theme=dark]{--builder-bg: #080d1a;--panel-bg: #0c1424;--panel-border: #1a2540;--surface: #111d35;--surface-hover: #162038;--surface-active: #1a2745;--text-primary: #e8edf8;--text-secondary: #6b7fa8;--text-muted: #3d5075;--accent: #4f6ef7;--accent-hover: #6b85f9;--accent-glow: rgba(79,110,247,.25);--danger: #ef4444;--success: #22c55e;--canvas-bg: #040810;--canvas-border: rgba(255,255,255,.06);--overlay-block: rgba(79,110,247,.08);--scrollbar-thumb:#1a2540;--page-bg: #050a14;--page-text: #e2eaf8;--page-muted: #475569;--page-subtle: rgba(255,255,255,.04);--page-border: rgba(255,255,255,.08);--page-card: rgba(255,255,255,.03);--page-accent: #4f6ef7;--page-accent-text: #ffffff;--nav-bg: rgba(5,10,20,.9)}:root{--font-ui: "Inter", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: .15s ease}html{height:100%}body{min-height:100%;font-family:var(--font-ui);background:var(--page-bg);color:var(--page-text);-webkit-font-smoothing:antialiased}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{text-decoration:none}img{max-width:100%;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}