:root{color-scheme:light dark}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#0f172a;color:#e2e8f0;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:16px}.card{background:#1e293b;border-radius:12px;padding:32px;width:100%;max-width:640px;box-shadow:0 10px 30px #0000004d}.chat-card{width:80vw;max-width:none}h1{margin-top:0;font-size:1.4rem}label{display:block;margin-bottom:6px;font-size:.85rem;color:#94a3b8}input,textarea,select{width:100%;padding:10px 12px;margin-bottom:14px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.95rem}textarea{min-height:100px;resize:vertical}select{cursor:pointer}button{background:#6366f1;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:.95rem;cursor:pointer}button:hover{background:#4f46e5}button:disabled{background:#475569;cursor:not-allowed}.error{color:#f87171;font-size:.85rem;margin:-6px 0 14px;min-height:1em}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar button{background:transparent;border:1px solid #475569}.topbar button:hover{background:#334155}.chat-log{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:420px;overflow-y:auto}.msg{padding:10px 14px;border-radius:8px;line-height:1.4;white-space:pre-wrap}.msg.user{background:#334155;align-self:flex-end}.msg.assistant{background:#0f172a;border:1px solid #334155;align-self:flex-start}.msg.pending{opacity:.6}.metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid #334155;font-size:.75rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}