:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#22263a;--border:#2a2d3e;--text:#e8eaf0;--diagram-foreground:#e8eaf0;--text-muted:#8892a4;--accent:#4f8ef7;--accent-hover:#6ba3ff;--danger:#e05c5c;--danger-hover:#f07070;--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=dark]{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#22263a;--border:#2a2d3e;--text:#e8eaf0;--diagram-foreground:#e8eaf0;--text-muted:#8892a4;--accent:#4f8ef7;--accent-hover:#6ba3ff;--danger:#e05c5c;--danger-hover:#f07070}[data-theme=light]{--bg:#f8f9fb;--surface:#fcfdfe;--surface-hover:#eaecf0;--border:#d0d4de;--text:#141626;--diagram-foreground:#141626;--text-muted:#4e5a6e;--accent:#2a6ed4;--accent-hover:#1a5bc4;--danger:#c0392b;--danger-hover:#a93226}[data-theme=sepia]{--bg:#f4ede0;--surface:#fdf8f0;--surface-hover:#ede5d4;--border:#c8b89a;--text:#3c2f1e;--diagram-foreground:#3c2f1e;--text-muted:#7a6548;--accent:#8b5e3c;--accent-hover:#a8733d;--danger:#c0392b;--danger-hover:#a93226}[data-theme=forest]{--bg:#0d1a0f;--surface:#132016;--surface-hover:#1a2d1f;--border:#253d29;--text:#d4e8d4;--diagram-foreground:#d4e8d4;--text-muted:#7da87d;--accent:#4db36a;--accent-hover:#5ecf80;--danger:#e05c5c;--danger-hover:#f07070}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.theme-btn{color:var(--text-muted);font-size:15px;padding:4px 8px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:background .15s,border-color .15s;white-space:nowrap;line-height:1}.theme-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.theme-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:300}.theme-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:280px;max-width:360px;width:90vw}.theme-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--text)}.theme-modal-hint{font-size:11px;line-height:1.5;color:var(--text-muted);margin:-8px 0 16px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-option{border-radius:var(--radius);border:2px solid transparent;padding:12px;cursor:pointer;transition:border-color .15s,transform .1s;display:flex;flex-direction:column;gap:8px}.theme-option:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3)}.theme-option.active{border-color:#4f8ef7}.theme-option-preview{display:flex;gap:4px;height:24px;border-radius:4px;overflow:hidden}.theme-option-preview-bg{flex:2;border-radius:4px 0 0 4px}.theme-option-preview-accent{flex:1;border-radius:0 4px 4px 0}.theme-option-name{font-size:12px;font-weight:600;text-align:center}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button{font-family:var(--font);font-size:13px;cursor:pointer;border:none;border-radius:var(--radius);padding:6px 14px;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:0 0;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:0 0;color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:rgba(224,92,92,.1);border-color:var(--danger)}