:root{--ink:#050403;--panel:#161310;--panel-2:#1d1815;--raise:#221d18;--hairline:#2a2520;--hairline-soft:#1f1c18;--gold:#d4a574;--gold-dim:#a08458;--gold-soft:#d4a5741f;--paper:#e8e2d8;--text:#e8e2d8;--muted:#a89e90;--faint:#8a8278;--green:#8db98d;--green-bg:#8db98d1f;--red:#b07878;--red-bg:#b0787821;--blue:#8a96a8;--blue-bg:#8a96a821;--yellow:#c9a84c;--yellow-bg:#c9a84c21;--purple:#b09cc0;--purple-bg:#b09cc021;--radius:7px;--mono:ui-monospace, "SF Mono", "Cascadia Code", "Consolas", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--serif:Georgia, "Times New Roman", "Amiri", serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--gold-soft)}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}.shell{grid-template-columns:248px 1fr;height:100vh;display:grid}.sidebar{border-right:1px solid var(--hairline);background:#0d0c0a;flex-direction:column;padding:18px 0;display:flex;overflow-y:auto}.brand{border-bottom:2px solid var(--gold-dim);margin-bottom:14px;padding:0 20px 16px}.brand .scale{font-size:22px}.brand h1{font-family:var(--serif);letter-spacing:.01em;color:var(--paper);margin:6px 0 2px;font-size:18px;font-weight:600}.brand .ar{font-family:var(--serif);color:var(--gold);letter-spacing:.02em;font-size:16px}.brand .tag{color:var(--faint);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px}.nav{flex-direction:column;gap:1px;padding:0 10px;display:flex}.nav a{color:var(--muted);border-left:3px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.nav a:hover{background:var(--panel);color:var(--text);text-decoration:none}.nav a.active{background:var(--gold-soft);color:var(--paper);border-left-color:var(--gold)}.nav .ico{text-align:center;opacity:.9;width:18px}.sidebar .spacer{flex:1}.maxim{border-top:1px solid var(--hairline-soft);color:var(--faint);margin:14px 10px 0;padding:14px 20px 4px;font-size:10.5px;font-style:italic;line-height:1.5}.maxim .ar{color:var(--gold-dim);font-style:normal}.main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--hairline);background:var(--ink);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.topbar h2{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0;font-size:13px;font-weight:800}.content{flex:1;padding:24px;overflow-y:auto}.content.flush{padding:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10.5px;font-weight:800}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}label.field{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}input[type=text],input[type=number],textarea,select{background:var(--panel-2);border:1px solid var(--hairline);color:var(--text);border-radius:6px;outline:none;width:100%;padding:9px 11px}input:focus,textarea:focus,select:focus{border-color:var(--gold-dim)}textarea{resize:vertical;min-height:64px;line-height:1.5}.btn{background:var(--panel-2);border:1px solid var(--hairline);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--raise);border-color:var(--gold-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.gold{background:var(--gold);border-color:var(--gold);color:#1a1408;font-weight:700}.btn.gold:hover{background:#e0b585}.btn.ghost{background:0 0}.btn.danger:hover{border-color:var(--red);color:var(--red)}.btn.sm{padding:5px 10px;font-size:12px}.pill{text-transform:uppercase;letter-spacing:.1em;border:1px solid #0000;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.pill.queued{color:var(--blue);background:var(--blue-bg)}.pill.running{color:var(--yellow);background:var(--yellow-bg)}.pill.done{color:var(--green);background:var(--green-bg)}.pill.failed,.pill.stopped{color:var(--red);background:var(--red-bg)}.pill.paused{color:var(--purple);background:var(--purple-bg)}.pill.family{color:var(--gold);background:var(--gold-soft);letter-spacing:.06em}.grid{gap:14px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.list-item{background:var(--panel);border:1px solid var(--hairline);border-left:3px solid var(--hairline);cursor:pointer;border-radius:6px;padding:13px 15px;transition:border-color .12s,background .12s}.list-item:hover{border-left-color:var(--gold);background:var(--panel-2)}.list-item h3{margin:0 0 3px;font-size:14px;font-weight:700}.note{border-left:3px solid var(--gold-dim);background:var(--panel);color:var(--muted);border-radius:0 6px 6px 0;padding:10px 14px;font-style:italic}.empty{text-align:center;color:var(--faint);padding:60px 20px}.empty .scale{opacity:.5;font-size:40px}.chat-wrap{flex-direction:column;height:100%;display:flex}.chat-controls{border-bottom:1px solid var(--hairline);background:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex}.chat-controls select{width:auto;min-width:140px}.tool-toggles{gap:6px;display:flex}.toggle{cursor:pointer;border:1px solid var(--hairline);background:var(--panel-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-radius:14px;padding:5px 10px;font-size:11px}.toggle.on{background:var(--gold-soft);border-color:var(--gold-dim);color:var(--gold)}.messages{flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.msg{align-self:center;width:100%;max-width:820px}.msg .who{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:5px;font-size:10.5px;font-weight:700}.msg.user .bubble{background:var(--gold-soft);border:1px solid var(--gold-dim)}.bubble{background:var(--panel);border:1px solid var(--hairline);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;padding:13px 16px}.bubble.assistant{border-left:3px solid var(--gold-dim)}.reasoning{border:1px dashed var(--hairline);background:#0d0c0a;border-radius:6px;margin-bottom:8px;overflow:hidden}.reasoning summary{cursor:pointer;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;padding:7px 12px;font-size:11px}.reasoning .body{color:var(--muted);white-space:pre-wrap;padding:4px 14px 12px;font-size:13px;font-style:italic}.toolcall{font-family:var(--mono);border:1px solid var(--hairline);color:var(--blue);background:#0d0c0a;border-radius:6px;margin:6px 0;padding:8px 12px;font-size:12px}.toolcall .res{color:var(--muted);white-space:pre-wrap;max-height:180px;margin-top:5px;overflow:auto}.composer{border-top:1px solid var(--hairline);background:var(--ink);padding:14px 24px 20px}.composer .box{align-items:flex-end;gap:10px;max-width:820px;margin:0 auto;display:flex}.composer textarea{min-height:48px;max-height:200px}.cursor:after{content:"▍";color:var(--gold);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.step{border:1px solid var(--hairline);background:var(--panel);border-radius:6px;padding:12px 14px}.step .head{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:6px;font-size:11px}.step.result{border-left:3px solid var(--green)}.step.tool{border-left:3px solid var(--blue)}.kv{grid-template-columns:130px 1fr;gap:6px 14px;font-size:13px;display:grid}.kv .k{color:var(--muted)}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}hr.rule{border:none;border-top:1px solid var(--hairline);margin:18px 0}
