:root{--bg:#0f1115;--panel:#171a21;--border:#2a2f3a;--text:#e8eaf0;--muted:#8b93a7;--accent:#5b8cff;--danger:#ff6b6b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f7fa;--panel:#fff;--border:#dfe3ec;--text:#151821;--muted:#5f6880}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;padding:16px;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:28px 24px}.brand{letter-spacing:.04em;color:var(--accent);margin:0 0 4px;font-weight:700}h1{margin:0 0 4px;font-size:1.35rem}.muted{color:var(--muted);margin:0 0 16px;font-size:.9rem}label{color:var(--muted);margin:14px 0 6px;font-size:.85rem;display:block}input{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px 12px}input:focus{outline:2px solid var(--accent);outline-offset:1px}button[type=submit],.card>button{width:100%;font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:10px;margin-top:18px;padding:11px 14px;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.9rem;text-decoration:underline}.links{text-align:center;margin-top:14px}.error{color:var(--danger);margin:12px 0 0;font-size:.9rem}body:has(.shell){min-height:100dvh;padding:0;display:block}.shell{flex-direction:column;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:12px;padding:8px 16px;display:flex}.topbar .brand{margin:0}.topbar nav{gap:4px;display:flex}.spacer{flex:1}.who{margin:0}.content{flex:1;min-height:0}button,.button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.9rem;text-decoration:none;display:inline-block}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger);background:0 0}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.small{padding:2px 8px}.tab.active{background:var(--bg);border-color:var(--accent)}.small{font-size:.8rem}.empty{color:var(--muted);text-align:center;margin:12vh 16px 0}.notice{color:var(--accent)}.code{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:6px 0;padding:10px 12px;font-size:.85rem;overflow:auto}.code.out{max-height:240px}.banner{border:1px solid var(--accent);background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:10px 14px;display:flex}.chat{grid-template-columns:260px 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.convlist{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.convlist li{border-radius:8px;align-items:center;display:flex}.convlist li.active{background:var(--panel)}.convname{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;overflow:hidden}.thread{flex-direction:column;min-height:0;display:flex}.messages{flex:1;width:100%;max-width:820px;margin:0 auto;padding:16px;overflow-y:auto}.bubble{border-radius:14px;max-width:92%;margin:10px 0;padding:10px 14px}.bubble.user{background:var(--accent);color:#fff;margin-left:auto}.bubble.assistant{background:var(--panel);border:1px solid var(--border)}.prose{white-space:pre-wrap;word-break:break-word;margin:0}.toolcard{border:1px dashed var(--border);border-radius:10px;margin:8px 0;padding:6px 12px;font-size:.9rem}.composer{border-top:1px solid var(--border);align-items:flex-end;gap:8px;width:100%;max-width:820px;margin:0 auto;padding:12px 16px;display:flex}.composer textarea{resize:none;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;flex:1;padding:10px 12px}.composer select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;max-width:140px;padding:8px}.composer button[type=submit]{width:auto;margin-top:0}.hub{grid-template-columns:320px 1fr;height:100%;display:grid}.tree{border-right:1px solid var(--border);padding:12px;overflow-y:auto}.crumbs{margin-bottom:8px}.actions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.files{margin:0;padding:0;list-style:none}.entry{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:5px 8px}.entry.active{background:var(--panel)}.viewer{padding:12px 16px;overflow-y:auto}.filebar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.editor{width:100%;min-height:320px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;padding:10px;font:13px/1.5 ui-monospace,Menlo,monospace}.previewbox iframe{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:70vh}.panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:16px;padding:12px 16px}.panel h3{margin-top:0}.history,.audit{padding:0;font-size:.85rem;list-style:none}.history li,.audit li{padding:3px 0}.admin{max-width:900px;height:100%;margin:0 auto;padding:16px;overflow-y:auto}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row label{margin:0}@media (width<=760px){.chat,.hub{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar,.tree{border-right:0;border-bottom:1px solid var(--border);max-height:30vh}.who{display:none}}
