:root{--bg:#0f1115;--bg-2:#161920;--bg-3:#1e222b;--border:#2a2f3a;--text:#e6e8ee;--muted:#8b93a7;--accent:#6c8cff;--accent-2:#4f6ee6;--ok:#3ccf8e;--warn:#f0b23c;--err:#ff6b6b;--term-bg:#0b0d11;--term-text:#d5dae6;--btn-hover-bg:#232833;--btn-hover-border:#3a4150;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color-scheme:dark}:root:not([data-theme=dark]):not([data-theme=light]).system-light,:root[data-theme=light]{--bg:#f6f7fa;--bg-2:#ffffff;--bg-3:#eceef3;--border:#d9dde6;--text:#1a1d26;--muted:#5f6779;--accent:#3d5ee0;--accent-2:#2f4cc0;--ok:#1e9e66;--warn:#b97a0f;--err:#d64545;--term-bg:#1a1d26;--term-text:#e6e8ee;--btn-hover-bg:#e2e5ec;--btn-hover-border:#c4c9d6;color-scheme:light}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,pre{font-family:var(--mono);font-size:12.5px}pre{margin:0;white-space:pre-wrap;word-break:break-word}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--btn-hover-border);background:var(--btn-hover-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:var(--err)}.btn.sm{padding:3px 8px;font-size:12px}.input,.select,.textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:7px 10px;width:100%;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:70px}label.field{display:block;margin-bottom:12px}label.field>span{display:block;margin-bottom:4px}.help,label.field>span{color:var(--muted);font-size:12px}.topbar{height:48px;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--bg-2)}.topbar .brand{font-weight:700;letter-spacing:.3px}.topbar .spacer{flex:1 1}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border);color:var(--muted)}.pill.ok{color:var(--ok);border-color:rgba(60,207,142,.4)}.pill.warn{color:var(--warn);border-color:rgba(240,178,60,.4)}.pill.err{color:var(--err);border-color:rgba(255,107,107,.4)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:20px;width:520px;max-width:95vw}.workspace{display:flex;flex-direction:column;height:100vh}.panes{flex:1 1;display:flex;min-height:0}.pane-left{width:var(--left-w,42%);min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-2)}.pane-right{flex:1 1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.divider{width:5px;cursor:col-resize;background:transparent}.divider:hover{background:var(--border)}.tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--border);background:var(--bg-2)}.tab{padding:6px 12px;border-radius:6px 6px 0 0;color:var(--muted);cursor:pointer;border:1px solid transparent;border-bottom:none}.tab.active{color:var(--text);background:var(--bg);border-color:var(--border)}.tab-body{flex:1 1;min-height:0;display:flex;flex-direction:column}.preview-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border)}.preview-bar .url{flex:1 1;font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-frame{flex:1 1;border:none;background:#fff}.preview-empty{align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:30px}.chat,.preview-empty{flex:1 1;display:flex}.chat{overflow-y:auto;padding:14px;flex-direction:column;gap:12px}.msg-user{align-self:flex-end;background:var(--accent);color:#fff;padding:8px 12px;border-radius:12px 12px 2px 12px;max-width:85%;white-space:pre-wrap}.msg-assistant{display:flex;flex-direction:column;gap:6px;max-width:100%}.msg-text{white-space:pre-wrap}.tool{border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:12.5px;overflow:hidden}.tool-head{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;color:var(--muted)}.tool-head .name{color:var(--text);font-weight:600}.tool-head .summary{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.tool-body{border-top:1px solid var(--border);padding:8px 10px;max-height:260px;overflow:auto;background:var(--term-bg);color:var(--term-text)}.tool.error .tool-head .name{color:var(--err)}.status-line{color:var(--muted);font-size:12px;font-style:italic}.composer{border-top:1px solid var(--border);padding:10px;display:flex;gap:8px;align-items:flex-end;background:var(--bg-2)}.composer textarea{flex:1 1;min-height:44px;max-height:200px}.spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.editor-split{flex:1 1;display:flex;min-height:0}.filetree{width:220px;overflow:auto;border-right:1px solid var(--border);padding:6px 0;font-size:12.5px}.filetree .node{padding:2px 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filetree .node:hover{background:var(--bg-3)}.filetree .node.active{background:var(--bg-3);color:var(--accent)}.editor-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.editor-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border);color:var(--muted)}.editor-bar,.term{font-family:var(--mono);font-size:12px}.term{flex:1 1;overflow:auto;background:var(--term-bg);padding:10px;color:var(--term-text)}.term-input{display:flex;gap:8px;padding:8px;border-top:1px solid var(--border)}.term-input input{flex:1 1;font-family:var(--mono)}.panel{padding:16px;overflow:auto;flex:1 1}.panel h3{margin:0 0 8px;font-size:14px}.panel section{margin-bottom:22px}.kv{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.kv code{flex:1 1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.theme-toggle{font-size:14px;line-height:1;padding:3px 7px}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:12.5px}.notice.warn{background:color-mix(in srgb,var(--warn) 12%,var(--bg-2));border-left:3px solid var(--warn)}.notice code{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;padding:0 5px}