*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}: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;--builder-bg: #0a1520;--panel-bg: #0f1c2e;--panel-border: #1a2d44;--surface: #142236;--surface-hover: #192940;--surface-active: #1e314a;--text-primary: #e8f5f5;--text-secondary: #7ab0b5;--text-muted: #5a8c92;--accent: #2d8b8b;--accent-hover: #33a0a0;--accent-glow: rgba(45,139,139,.25);--danger: #ef4444;--success: #22c55e;--canvas-bg: #060e18;--canvas-border: rgba(255,255,255,.05);--overlay-block: rgba(45,139,139,.08);--scrollbar-thumb:#1a2d44;--page-bg: #0f1c2e;--page-text: #f1faee;--page-muted: #a8dadc;--page-subtle: rgba(45,139,139,.05);--page-border: rgba(168,218,220,.12);--page-card: rgba(255,255,255,.04);--page-accent: #2d8b8b;--page-accent-text: #ffffff;--nav-bg: rgba(10,21,32,.92);--page-grain-opacity: .05;--page-mesh-1: rgba(45,139,139,.1);--page-mesh-2: rgba(168,218,220,.06);--page-mesh-3: rgba(26,35,50,0);--page-card-glass: rgba(255,255,255,.04);--page-card-glass-border: rgba(168,218,220,.12);--page-gradient-border: linear-gradient(135deg, rgba(45,139,139,.6), rgba(168,218,220,.4), rgba(241,250,238,.2));--page-bento-large-bg: rgba(45,139,139,.08);--page-shadow-card: 0 1px 3px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.35);--page-shadow-card-hover: 0 4px 6px rgba(0,0,0,.25), 0 20px 48px rgba(0,0,0,.5)}[data-theme=ocean-depths]{--builder-bg: #0a1520;--panel-bg: #0f1c2e;--panel-border: #1a2d44;--surface: #142236;--surface-hover: #192940;--surface-active: #1e314a;--text-primary: #e8f5f5;--text-secondary: #7ab0b5;--text-muted: #5a8c92;--accent: #2d8b8b;--accent-hover: #33a0a0;--accent-glow: rgba(45,139,139,.25);--danger: #ef4444;--success: #22c55e;--canvas-bg: #060e18;--canvas-border: rgba(255,255,255,.05);--overlay-block: rgba(45,139,139,.08);--scrollbar-thumb:#1a2d44;--page-bg: #0f1c2e;--page-text: #f1faee;--page-muted: #a8dadc;--page-subtle: rgba(45,139,139,.05);--page-border: rgba(168,218,220,.12);--page-card: rgba(255,255,255,.04);--page-accent: #2d8b8b;--page-accent-text: #ffffff;--nav-bg: rgba(10,21,32,.92);--page-grain-opacity: .05;--page-mesh-1: rgba(45,139,139,.1);--page-mesh-2: rgba(168,218,220,.06);--page-mesh-3: rgba(26,35,50,0);--page-card-glass: rgba(255,255,255,.04);--page-card-glass-border: rgba(168,218,220,.12);--page-gradient-border: linear-gradient(135deg, rgba(45,139,139,.6), rgba(168,218,220,.4), rgba(241,250,238,.2));--page-bento-large-bg: rgba(45,139,139,.08);--page-shadow-card: 0 1px 3px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.35);--page-shadow-card-hover: 0 4px 6px rgba(0,0,0,.25), 0 20px 48px rgba(0,0,0,.5)}[data-theme=forest-canopy]{--builder-bg: #0e1a0d;--panel-bg: #132012;--panel-border: #1e3120;--surface: #182a17;--surface-hover: #1e3320;--surface-active: #243d25;--text-primary: #f0f5ee;--text-secondary: #8a9e80;--text-muted: #6b8060;--accent: #a4ac86;--accent-hover: #b8c09a;--accent-glow: rgba(164,172,134,.2);--danger: #ef4444;--success: #22c55e;--canvas-bg: #080f08;--canvas-border: rgba(255,255,255,.05);--overlay-block: rgba(164,172,134,.08);--scrollbar-thumb:#1e3120;--page-bg: #132012;--page-text: #faf9f6;--page-muted: #a4ac86;--page-subtle: rgba(164,172,134,.05);--page-border: rgba(164,172,134,.15);--page-card: rgba(255,255,255,.04);--page-accent: #a4ac86;--page-accent-text: #132012;--nav-bg: rgba(10,22,9,.92);--page-grain-opacity: .05;--page-mesh-1: rgba(45,74,43,.15);--page-mesh-2: rgba(164,172,134,.08);--page-mesh-3: rgba(125,132,113,0);--page-card-glass: rgba(255,255,255,.04);--page-card-glass-border: rgba(164,172,134,.15);--page-gradient-border: linear-gradient(135deg, rgba(45,74,43,.7), rgba(164,172,134,.5), rgba(125,132,113,.4));--page-bento-large-bg: rgba(45,74,43,.1);--page-shadow-card: 0 1px 3px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.35);--page-shadow-card-hover: 0 4px 6px rgba(0,0,0,.25), 0 20px 48px rgba(0,0,0,.5)}[data-theme=sunset-boulevard]{--builder-bg: #0f1c22;--panel-bg: #142530;--panel-border: #1f3540;--surface: #192d38;--surface-hover: #1f3542;--surface-active: #253e4e;--text-primary: #f0ebe0;--text-secondary: #c4976e;--text-muted: #8a6840;--accent: #e76f51;--accent-hover: #f08060;--accent-glow: rgba(231,111,81,.22);--danger: #ef4444;--success: #22c55e;--canvas-bg: #090f15;--canvas-border: rgba(255,255,255,.05);--overlay-block: rgba(231,111,81,.08);--scrollbar-thumb:#1f3540;--page-bg: #142530;--page-text: #f0ebe0;--page-muted: #c4976e;--page-subtle: rgba(231,111,81,.05);--page-border: rgba(244,162,97,.15);--page-card: rgba(255,255,255,.04);--page-accent: #e76f51;--page-accent-text: #ffffff;--nav-bg: rgba(15,28,34,.92);--page-grain-opacity: .05;--page-mesh-1: rgba(231,111,81,.1);--page-mesh-2: rgba(244,162,97,.07);--page-mesh-3: rgba(233,196,106,.04);--page-card-glass: rgba(255,255,255,.04);--page-card-glass-border: rgba(231,111,81,.15);--page-gradient-border: linear-gradient(135deg, rgba(231,111,81,.7), rgba(244,162,97,.5), rgba(233,196,106,.4));--page-bento-large-bg: rgba(231,111,81,.08);--page-shadow-card: 0 1px 3px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.35);--page-shadow-card-hover: 0 4px 6px rgba(0,0,0,.25), 0 20px 48px rgba(0,0,0,.5)}[data-theme=botanical-garden]{--builder-bg: #eeede8;--panel-bg: #ffffff;--panel-border: #d8e8d8;--surface: #f0f5f0;--surface-hover: #e5efe5;--surface-active: #d8e8d8;--text-primary: #1a2e1c;--text-secondary: #4a7c59;--text-muted: #7a9e7a;--accent: #4a7c59;--accent-hover: #5a9068;--accent-glow: rgba(74,124,89,.18);--danger: #e03131;--success: #2f9e44;--canvas-bg: #e5ede5;--canvas-border: rgba(0,0,0,.06);--overlay-block: rgba(74,124,89,.07);--scrollbar-thumb:#c8d8c8;--page-bg: #f5f3ed;--page-text: #1a2e1c;--page-muted: #5a7a5a;--page-subtle: rgba(74,124,89,.05);--page-border: rgba(74,124,89,.15);--page-card: #ffffff;--page-accent: #f9a620;--page-accent-text: #1a2e1c;--nav-bg: rgba(245,243,237,.93);--page-grain-opacity: .02;--page-mesh-1: rgba(74,124,89,.06);--page-mesh-2: rgba(249,166,32,.04);--page-mesh-3: rgba(183,71,42,.02);--page-card-glass: rgba(255,255,255,.7);--page-card-glass-border: rgba(74,124,89,.2);--page-gradient-border: linear-gradient(135deg, rgba(74,124,89,.5), rgba(249,166,32,.4), rgba(183,71,42,.3));--page-bento-large-bg: rgba(74,124,89,.05);--page-shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.07);--page-shadow-card-hover: 0 4px 6px rgba(0,0,0,.05), 0 20px 48px rgba(0,0,0,.12)}[data-theme=desert-rose]{--builder-bg: #f7f0ec;--panel-bg: #ffffff;--panel-border: #e8d0c8;--surface: #f5ede8;--surface-hover: #ede0d8;--surface-active: #e0cfc8;--text-primary: #3d1a2a;--text-secondary: #8a4a5a;--text-muted: #a87a80;--accent: #b87d6d;--accent-hover: #c88d7d;--accent-glow: rgba(184,125,109,.18);--danger: #e03131;--success: #2f9e44;--canvas-bg: #ede5e0;--canvas-border: rgba(0,0,0,.06);--overlay-block: rgba(93,46,70,.05);--scrollbar-thumb:#d8c0b8;--page-bg: #fdf8f5;--page-text: #3d1a2a;--page-muted: #9c6070;--page-subtle: rgba(212,165,165,.07);--page-border: rgba(184,125,109,.18);--page-card: #ffffff;--page-accent: #b87d6d;--page-accent-text: #ffffff;--nav-bg: rgba(253,248,245,.93);--page-grain-opacity: .02;--page-mesh-1: rgba(212,165,165,.08);--page-mesh-2: rgba(184,125,109,.06);--page-mesh-3: rgba(93,46,70,.04);--page-card-glass: rgba(255,255,255,.72);--page-card-glass-border: rgba(184,125,109,.22);--page-gradient-border: linear-gradient(135deg, rgba(212,165,165,.6), rgba(184,125,109,.5), rgba(93,46,70,.3));--page-bento-large-bg: rgba(212,165,165,.07);--page-shadow-card: 0 1px 3px rgba(61,26,42,.05), 0 8px 24px rgba(61,26,42,.08);--page-shadow-card-hover: 0 4px 6px rgba(61,26,42,.06), 0 20px 48px rgba(61,26,42,.14)}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}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes new-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.5}}