@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--radius:10px;--radius-sm:6px;--chat-width:60%;--sidebar-w:260px}[data-theme=dark]{--bg:#0d0d0d;--bg2:#161616;--bg3:#222;--bg4:#2e2e2e;--fg:#f0f0f0;--fg2:#b8b8b8;--fg3:gray;--accent:#6c9eff;--accent2:#4a7adf;--danger:#ef4444;--success:#22c55e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f5f5f5;--bg2:#fff;--bg3:#eaeaea;--bg4:#d8d8d8;--fg:#1a1a1a;--fg2:#555;--fg3:#888;--accent:#3b7ddd;--accent2:#2d66c0;--danger:#dc2626;--success:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{height:100%}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg3)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--accent2)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{border:1px solid var(--bg4);color:var(--fg2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 14px;font-size:13px;transition:all .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 14px;font-size:13px}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{background:var(--bg3);border:1px solid var(--bg4);border-radius:var(--radius-sm);color:var(--fg);outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.lightbox{z-index:200;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.active{display:flex}.lightbox img{border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 8px 32px #00000080}.drag-overlay{border:2px dashed var(--accent);z-index:150;pointer-events:none;background:#6c9eff14;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.drag-overlay.active{display:flex}.drag-overlay span{background:var(--bg2);color:var(--accent);border-radius:12px;padding:16px 32px;font-size:16px;font-weight:500}.theme-select{background:var(--bg3);border:1px solid var(--bg4);border-radius:var(--radius-sm);color:var(--fg2);cursor:pointer;outline:none;padding:3px 6px;font-size:11px}[data-theme=light] .msg-content pre{background:#f0f0f0}[data-theme=light] .msg-content :not(pre)>code{background:#e8e8e8}