:root,[data-theme=dark]{color-scheme:dark;--bg: #0f1216;--bg-elevated: #141922;--sidebar: #10141c;--panel: #171b22;--panel-2: #1e2430;--line: #2a3240;--line-strong: #3a465c;--stroke: #2a3240;--text: #e8edf5;--muted: #8b95a8;--accent: #d4a574;--accent-dim: #8a6848;--accent-2: #e0b888;--accent-soft: rgba(212, 165, 116, .14);--ok: #3ecf8e;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--thumb-bg: #0a0e14;--chip-bg: #12161d;--btn-bg: #232a38;--btn-bg-hover: #2b3344;--topbar-bg: linear-gradient(180deg, #141820, #10141a);--viewport-glow-1: #1a2230;--viewport-glow-2: #152018;--viewport-bg: #10141a;--loading-bg: rgba(10, 12, 16, .72);--editor-bg: #12161e;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .28);--row-hover: rgba(255, 255, 255, .04);--dropzone-bg: rgba(212, 165, 116, .06);--admin-accent: #2dd4bf;--admin-accent-hover: #5eead4;--admin-accent-soft: rgba(45, 212, 191, .14);--admin-btn-fg: #06241f}[data-theme=light]{color-scheme:light;--bg: #f0f2f5;--bg-elevated: #ffffff;--sidebar: #f7f8fa;--panel: #ffffff;--panel-2: #f4f6f9;--line: #e2e6ec;--line-strong: #c9d0da;--stroke: #e2e6ec;--text: #1a1f2a;--muted: #667085;--accent: #b07d45;--accent-dim: #8a6848;--accent-2: #c4894a;--accent-soft: rgba(176, 125, 69, .14);--ok: #059669;--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--thumb-bg: #e8ecf2;--chip-bg: #eef1f5;--btn-bg: #ffffff;--btn-bg-hover: #f0f2f5;--topbar-bg: linear-gradient(180deg, #ffffff, #f4f6f9);--viewport-glow-1: #9aa3b2;--viewport-glow-2: #8a93a1;--viewport-bg: #8e96a4;--loading-bg: rgba(142, 150, 164, .78);--editor-bg: #e8ecf2;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .04);--row-hover: rgba(15, 23, 42, .035);--dropzone-bg: rgba(176, 125, 69, .06);--admin-accent: #0d9488;--admin-accent-hover: #0f766e;--admin-accent-soft: rgba(13, 148, 136, .12);--admin-btn-fg: #ffffff}.theme-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.theme-toggle:hover{color:var(--text);border-color:var(--line-strong);background:var(--accent-soft)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun,[data-theme=light] .theme-toggle .icon-moon{display:block}