:root{color-scheme:light dark;--bg: #0f1115;--panel: #171a21;--border: #2a2e38;--text: #e6e8ec;--muted: #9aa2af;--accent: #5b8cff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.shell{display:flex;min-height:100vh}.nav{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px}.brand{font-weight:700;margin-bottom:16px;font-size:1.05rem}.nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:6px}.nav a.router-link-active{color:var(--text);background:#5b8cff26}.content{flex:1;min-width:0;padding:24px;max-width:1000px}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.9rem}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;width:100%;font-family:inherit}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.badge{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.message{border:1px solid var(--border);border-radius:14px;padding:16px}.user-message{background:#5b8cff1a;margin-bottom:18px}.model-message{background:var(--panel);min-width:0}.message-author{font-weight:700;text-transform:capitalize}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin-top:10px}.response-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.response-loading{color:var(--muted);padding:22px 0}.file-picker{display:inline-flex;padding:8px 12px;border:1px dashed var(--border);border-radius:8px;cursor:pointer}.file-picker input{display:none}.file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.file-chip{border:1px solid var(--border);background:transparent;color:var(--text);padding:5px 9px;border-radius:12px;text-decoration:none;font-size:.82rem;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}.markdown{white-space:normal}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:14px 0 6px;line-height:1.3}.markdown h1{font-size:1.15rem}.markdown h2{font-size:1.08rem}.markdown h3{font-size:1rem}.markdown p,.markdown ul,.markdown ol,.markdown blockquote{margin:8px 0}.markdown ul,.markdown ol{padding-left:22px}.markdown li{margin:3px 0}.markdown code{background:#ffffff12;padding:1px 5px;border-radius:4px;font-size:.88em;overflow-wrap:anywhere}.markdown pre{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:10px;overflow-x:auto}.markdown pre code{background:none;padding:0}.markdown blockquote{border-left:3px solid var(--border);padding-left:10px;color:var(--muted)}.markdown table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:10px 0}.markdown th,.markdown td{border:1px solid var(--border);padding:5px 9px;text-align:left;vertical-align:top}.markdown th{background:#ffffff0d}.markdown hr{border:none;border-top:1px solid var(--border);margin:14px 0}.markdown a{color:var(--accent);overflow-wrap:anywhere}.card{min-width:0;overflow-wrap:anywhere}.section{margin-top:14px}.section>summary{cursor:pointer;font-weight:600;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.section>summary::-webkit-details-marker{display:none}.section>summary:before{content:"▸";color:var(--muted)}.section[open]>summary:before{content:"▾"}.section>summary .hint{font-weight:400;font-size:.8rem;color:var(--muted)}.section>.body{margin-top:12px}pre{max-width:100%;overflow-x:auto}@media(max-width:760px){.shell{display:block}.nav{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px}.brand{flex:1 0 100%;margin:0 0 6px;font-size:1rem}.nav a{padding:6px 10px}.content{padding:12px;max-width:100%}.card{padding:12px}.response-grid{grid-template-columns:1fr}}html,body,#app{height:100%}
