:root{--bg-main: #081327;--bg-deep: #040b19;--panel: #0d1e3b;--panel-soft: #12274a;--border: rgb(107 147 212 / .26);--border-strong: rgb(126 171 243 / .34);--text-primary: #eef4ff;--text-secondary: #9fb0d6;--text-dim: #7e90b8;--accent: #88f6dc;--accent-strong: #58e3c2;--accent-contrast: #031218;--accent-surface: rgb(88 227 194 / .14);--accent-glow: rgb(88 227 194 / .18);--focus-ring: rgb(88 227 194 / .14);--topbar-bg: rgb(7 17 34 / .84);--section-surface: rgb(9 22 44 / .55);--workspace-background: radial-gradient(circle at 20% 0%, rgb(25 73 154 / .16), transparent 30%), linear-gradient(180deg, #071122, #040b19);--sidebar-bg: rgb(4 12 25 / .86);--header-bg: rgb(7 17 34 / .62);--surface-overlay: rgb(7 17 34 / .76);--surface-strong: rgb(8 18 36 / .78);--surface-medium: rgb(11 24 46 / .78);--surface-soft: rgb(11 24 46 / .56);--surface-ghost: rgb(10 24 48 / .72);--surface-ghost-soft: rgb(10 24 48 / .42);--switch-bg: rgb(5 13 27 / .72);--field-bg: rgb(5 13 27 / .82);--panel-shadow: 0 24px 60px rgb(1 8 19 / .3);--hero-ghost-bg: rgb(12 28 57 / .6);--hero-panel-bg: linear-gradient( 180deg, rgb(14 33 67 / .94), rgb(10 24 48 / .94) );--preview-panel-bg: linear-gradient(180deg, rgb(13 30 59 / .92), rgb(7 17 34 / .82)), radial-gradient(circle at top right, rgb(77 137 243 / .16), transparent 42%);--preview-surface: rgb(5 13 27 / .54);--preview-dot: rgb(159 176 214 / .32);--preview-outline: rgb(126 171 243 / .26);--preview-frame-bg: linear-gradient(180deg, rgb(14 33 66 / .86), rgb(8 18 36 / .94)), radial-gradient(circle at top right, rgb(77 137 243 / .18), transparent 38%);--preview-divider: rgb(107 147 212 / .18);--preview-card-border: rgb(107 147 212 / .18);--preview-card-fill: rgb(255 255 255 / .03);--preview-ghost-strong: rgb(255 255 255 / .08);--preview-ghost-medium: rgb(255 255 255 / .07);--preview-ghost-soft: rgb(255 255 255 / .05);--preview-ghost-subtle: rgb(255 255 255 / .04);--row-divider: rgb(107 147 212 / .14);--error-text: #ffb9c5;--error-border: rgb(255 185 197 / .24);--error-bg: rgb(61 16 28 / .32);--link-accent-hover: #7de9d1;--app-background: radial-gradient(circle at 15% -8%, rgb(30 74 158 / .38), transparent 45%), radial-gradient(circle at 85% 0%, rgb(14 58 136 / .24), transparent 35%), linear-gradient(180deg, var(--bg-main), var(--bg-deep))}:root[data-theme=light]{--bg-main: #f5f8fc;--bg-deep: #e6edf6;--panel: #ffffff;--panel-soft: #edf4fb;--border: rgb(76 107 159 / .22);--border-strong: rgb(62 97 154 / .3);--text-primary: #162640;--text-secondary: #526887;--text-dim: #7185a4;--accent: #0b8b78;--accent-strong: #0a7465;--accent-contrast: #f7fffd;--accent-surface: rgb(11 139 120 / .12);--accent-glow: rgb(11 139 120 / .18);--focus-ring: rgb(11 139 120 / .14);--topbar-bg: rgb(248 251 255 / .82);--section-surface: rgb(255 255 255 / .52);--workspace-background: radial-gradient(circle at 20% 0%, rgb(132 173 229 / .18), transparent 30%), linear-gradient(180deg, #eef4fb, #e3ebf5);--sidebar-bg: rgb(250 252 255 / .88);--header-bg: rgb(255 255 255 / .72);--surface-overlay: rgb(255 255 255 / .82);--surface-strong: rgb(255 255 255 / .84);--surface-medium: rgb(250 252 255 / .84);--surface-soft: rgb(246 250 255 / .92);--surface-ghost: rgb(240 246 255 / .92);--surface-ghost-soft: rgb(244 248 255 / .88);--switch-bg: rgb(241 246 253 / .92);--field-bg: rgb(255 255 255 / .92);--panel-shadow: 0 22px 56px rgb(24 57 109 / .12);--hero-ghost-bg: rgb(241 246 253 / .82);--hero-panel-bg: linear-gradient( 180deg, rgb(255 255 255 / .94), rgb(242 247 253 / .96) );--preview-panel-bg: linear-gradient(180deg, rgb(255 255 255 / .96), rgb(243 248 253 / .94)), radial-gradient(circle at top right, rgb(121 164 222 / .14), transparent 42%);--preview-surface: rgb(245 248 253 / .96);--preview-dot: rgb(100 121 160 / .26);--preview-outline: rgb(92 128 184 / .24);--preview-frame-bg: linear-gradient(180deg, rgb(248 251 255 / .96), rgb(238 244 251 / .98)), radial-gradient(circle at top right, rgb(121 164 222 / .16), transparent 38%);--preview-divider: rgb(123 151 193 / .18);--preview-card-border: rgb(123 151 193 / .18);--preview-card-fill: rgb(255 255 255 / .78);--preview-ghost-strong: rgb(26 44 73 / .11);--preview-ghost-medium: rgb(26 44 73 / .09);--preview-ghost-soft: rgb(26 44 73 / .07);--preview-ghost-subtle: rgb(26 44 73 / .05);--row-divider: rgb(123 151 193 / .16);--error-text: #9d2f48;--error-border: rgb(157 47 72 / .18);--error-bg: rgb(255 236 241 / .88);--link-accent-hover: #0a7465;--app-background: radial-gradient(circle at 14% -10%, rgb(129 166 226 / .28), transparent 42%), radial-gradient(circle at 88% 0%, rgb(98 171 202 / .18), transparent 32%), linear-gradient(180deg, var(--bg-main), var(--bg-deep))}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Bahnschrift,Trebuchet MS,Segoe UI,sans-serif;color:var(--text-primary);background:var(--app-background);transition:background .22s ease,color .18s ease}a{color:inherit;text-decoration:none}