@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--font-ui: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--font-display: "Syne", sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 16px;--t-fast: .12s ease;--t-mid: .2s ease;--sidebar-width: 230px;--topbar-height: 58px;--accent: #d4680e;--accent-hover: #e07820;--accent-dim: rgba(212, 104, 14, .15);--accent-glow: rgba(212, 104, 14, .07);--accent-text: #b85500;--accent2: #1a8a80;--accent2-dim: rgba(26, 138, 128, .15);--accent2-text: #136860;--accent3: #9a7010;--accent3-dim: rgba(154, 112, 16, .15);--accent3-text: #785500;--danger: #c83030;--danger-dim: rgba(200, 48, 48, .12);--success: #2a8a48;--success-dim: rgba(42, 138, 72, .12);--shadow-accent: 0 2px 16px rgba(212, 104, 14, .2)}[data-theme=light]{--bg-base: #f0ebe3;--bg-surface: #e8e2d8;--bg-raised: #ffffff;--bg-overlay: #ddd7cc;--bg-canvas: #d8d2c8;--border-subtle: #ccc5ba;--border-default: #b8b0a4;--border-strong: #9a9088;--text-primary: #1e1810;--text-secondary: #52483c;--text-muted: #8a8078;--shadow-sm: 0 1px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.13);--shadow-lg: 0 8px 48px rgba(0,0,0,.18);--accent-text: #c05800;--accent2-text: #126860;--accent3-text: #7a5600}[data-theme=dark]{--bg-base: #2a2520;--bg-surface: #322d27;--bg-raised: #3c3630;--bg-overlay: #46403a;--bg-canvas: #1e1a16;--border-subtle: #3e3830;--border-default: #504840;--border-strong: #655d54;--text-primary: #f5f0e8;--text-secondary: #b8a898;--text-muted: #7a6e64;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 48px rgba(0,0,0,.65);--accent-text: #ffd4a0;--accent2-text: #a8ede9;--accent3-text: #ead99a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}html{transition:background-color var(--t-mid),color var(--t-mid)}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer}input,select,textarea{font-family:var(--font-ui)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"topbar topbar" "sidebar main";height:100vh;overflow:hidden;background-image:radial-gradient(ellipse 80% 60% at 15% 0%,rgba(232,131,46,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 100%,rgba(62,201,190,.03) 0%,transparent 50%)}.app-main{grid-area:main;overflow:hidden;display:flex;flex-direction:column}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.muted{color:var(--text-secondary)}.accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1;border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);white-space:nowrap;user-select:none}.btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-overlay)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.3;pointer-events:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 8px #e8832e40}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 14px #e8832e66;color:#fff}.btn--ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-raised);border-color:transparent;color:var(--text-primary)}.btn--danger{border-color:var(--danger);color:var(--danger);background:transparent}.btn--danger:hover{background:var(--danger-dim)}.btn--icon{padding:6px 9px}.btn--file{position:relative;overflow:hidden}.btn--file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}.toggle-wrap{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;color:var(--text-secondary);cursor:pointer;user-select:none;transition:color var(--t-fast)}.toggle-wrap:hover{color:var(--text-primary)}.toggle{position:relative;width:30px;height:17px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;inset:0;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:9px;transition:background var(--t-mid),border-color var(--t-mid)}.toggle input:checked+.toggle__track{background:var(--accent);border-color:var(--accent)}.toggle__thumb{position:absolute;top:3px;left:3px;width:11px;height:11px;background:var(--text-secondary);border-radius:50%;transition:transform var(--t-mid),background var(--t-mid);pointer-events:none}.toggle input:checked~.toggle__thumb{transform:translate(13px);background:#fff}.vdivider{width:1px;height:20px;background:var(--border-subtle);flex-shrink:0}