:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8faf9;--foreground:#0f1720;--card:#fff;--card-foreground:#0f1720;--popover:#fff;--popover-foreground:#0f1720;--primary:#0f766e;--primary-foreground:#fff;--secondary:#eef2f1;--secondary-foreground:#17211f;--muted:#f1f5f4;--muted-foreground:#65716e;--accent:#e6f4f1;--accent-foreground:#115e59;--destructive:#b42318;--destructive-foreground:#fff;--border:#dbe3e1;--input:#d5dfdc;--ring:#0f766e;--radius:8px;--shadow:0 18px 52px #0f172014;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--background)}body{background:linear-gradient(180deg, #e6f4f1b3, #f8faf900 280px), var(--background);color:var(--foreground);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(26px,3vw,34px);line-height:1.04}h2{letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}h3{letter-spacing:0;margin-bottom:8px;font-size:13px}.appShell{gap:14px;min-height:100svh;padding:18px;display:grid}.topbar,.settingsBar,.chatPane,.inspector{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffffff0}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.brandLockup,.apiLink,.field span,.statusPill,.button,.message header strong,.message footer,.debugSection summary,.debugTabs,.debugTab,.subTabs,.subTab,.chipRow{align-items:center;display:flex}.brandLockup{gap:12px;min-width:0}.brandMark{border-radius:var(--radius);background:var(--accent);width:40px;height:40px;color:var(--primary);border:1px solid #0f766e2e;flex:none;place-items:center;display:grid}.apiLink{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-height:36px;color:var(--accent-foreground);gap:7px;padding:0 11px;font-size:13px;font-weight:750;text-decoration:none;transition:border-color .14s,box-shadow .14s,color .14s}.apiLink:hover{border-color:#0f766e57;box-shadow:0 0 0 3px #0f766e1a}.eyebrow{color:var(--muted-foreground);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.settingsBar{grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) minmax(110px,.45fr) minmax(110px,.45fr) minmax(220px,1fr) auto;align-items:end;gap:12px;padding:12px;display:grid;box-shadow:0 10px 30px #0f17200d}.field{color:var(--muted-foreground);gap:7px;font-size:12px;font-weight:750;display:grid}.field span{gap:6px}input,textarea{border:1px solid var(--input);border-radius:var(--radius);background:var(--card);width:100%;color:var(--foreground);outline:none;transition:border-color .14s,box-shadow .14s,background .14s}input{height:40px;padding:0 11px}textarea{padding:11px}input::placeholder,textarea::placeholder{color:#8a9693}input:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #0f766e24}.statusPill{border-radius:var(--radius);background:var(--accent);min-width:104px;min-height:40px;color:var(--accent-foreground);text-align:center;border:1px solid #0f766e2e;justify-content:center;gap:7px;padding:0 12px;font-size:13px;font-weight:800}.workspace{grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);gap:14px;min-height:0;display:grid}.chatPane,.inspector{min-height:calc(100svh - 184px);display:grid;overflow:hidden}.chatPane{grid-template-rows:auto minmax(0,1fr) auto}.threadHeader,.inspectorHeader{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:13px 14px;display:flex}.threadHeader span,.inspectorHeader span,.message header span,.message footer{color:var(--muted-foreground);font-size:12px}.thread{min-height:0;padding:18px 16px;overflow:auto}.emptyThread,.emptyInspector{min-height:260px;color:var(--muted-foreground);text-align:center;place-items:center;padding:20px;line-height:1.45;display:grid}.message{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:default;width:min(88%,700px);margin-bottom:14px;padding:12px;transition:border-color .14s,box-shadow .14s,transform .14s}.message.user{background:var(--accent);border-color:#0f766e3d;margin-left:auto}.message.assistant{margin-right:auto}.message[role=button]{cursor:pointer}.message[role=button]:hover{border-color:#0f766e5c;transform:translateY(-1px);box-shadow:0 10px 28px #0f172012}.message[role=button]:focus-visible{outline:none;box-shadow:0 0 0 3px #0f766e29}.message.selected{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary), 0 10px 28px #0f766e17}.message.pending{color:var(--muted-foreground)}.message.errorMessage{color:var(--destructive);border-color:#b4231866}.message header{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.message header strong{gap:7px}.messageIcon{background:var(--muted);width:24px;height:24px;color:var(--muted-foreground);border-radius:999px;place-items:center;display:grid}.message.user .messageIcon{color:var(--primary);background:#0f766e1f}.messageBody{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.message footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:8px}.message footer span{border:1px solid var(--border);background:var(--background);border-radius:999px;align-items:center;gap:4px;padding:3px 7px;display:inline-flex}.composer{border-top:1px solid var(--border);background:#f8faf9b8;padding:12px}.composer textarea{resize:vertical;min-height:86px;max-height:190px;line-height:1.45}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;gap:7px;min-height:38px;padding:0 13px;font-weight:750;transition:background .14s,border-color .14s,box-shadow .14s,color .14s}.buttonPrimary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.buttonPrimary:hover{background:#0b6962}.buttonSecondary{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}.buttonGhost{color:var(--muted-foreground);background:0 0;border-color:#0000}.button:hover{box-shadow:0 0 0 3px #0f766e1a}.button:disabled{cursor:wait;opacity:.6}.inspector{grid-template-rows:auto auto minmax(0,1fr)}.inspectorScroll{min-height:0;padding:14px;overflow:auto}.debugTabs{border-bottom:1px solid var(--border);gap:6px;padding:9px 12px;overflow-x:auto}.debugTab,.subTab{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--muted-foreground);cursor:pointer;letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:800;transition:background .14s,border-color .14s,color .14s,box-shadow .14s}.debugTab{gap:6px;min-height:34px;padding:0 10px}.debugTab[aria-selected=true],.subTab[aria-selected=true]{background:var(--accent);color:var(--accent-foreground);border-color:#0f766e5c}.debugTab:hover,.subTab:hover{border-color:#0f766e57;box-shadow:0 0 0 3px #0f766e14}.subTabs{flex-wrap:wrap;gap:7px;margin-bottom:12px}.subTab{text-overflow:ellipsis;max-width:100%;min-height:30px;padding:0 9px;overflow:hidden}.debugSection{border-bottom:1px solid var(--border);padding:0}.debugSection summary{min-height:48px;color:var(--foreground);cursor:pointer;justify-content:space-between;gap:10px;font-weight:800;list-style:none}.debugSection summary::-webkit-details-marker{display:none}.debugSection summary span{align-items:center;gap:8px;display:flex}.summaryChevron{color:var(--muted-foreground);transition:transform .14s}.debugSection[open] .summaryChevron{transform:rotate(90deg)}.debugSection>div{padding:0 0 14px}.debugItem{border-top:1px solid var(--border);padding:12px 0}.debugItem:first-child{border-top:0;padding-top:0}.debugItem h3 span{color:var(--muted-foreground);font-weight:600}.debugItem p{color:var(--muted-foreground);line-height:1.5}.keyValues{gap:8px;margin:0 0 12px;display:grid}.keyValues div{grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:12px;display:grid}.keyValues dt{color:var(--muted-foreground);font-weight:800}.keyValues dd{overflow-wrap:anywhere;margin:0}.chipRow{flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);border-radius:999px;padding:4px 8px;font-size:12px}.costTable{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);display:grid;overflow:hidden}.costRow{border-top:1px solid var(--border);grid-template-columns:minmax(180px,1.2fr) minmax(120px,.7fr) minmax(80px,.45fr) minmax(90px,.45fr);align-items:center;gap:10px;padding:10px;font-size:12px;display:grid}.costRow:first-child{border-top:0}.costHead{background:var(--muted);color:var(--muted-foreground);font-weight:800}.costRow strong,.costRow small{display:block}.costRow small,.costNote{color:var(--muted-foreground)}.costNote{margin:12px 0 0;font-size:12px;line-height:1.45}.toolPanel{gap:18px;display:grid}.toolPanel h3{margin-bottom:10px}.toolList{border:1px solid var(--border);border-radius:var(--radius);display:grid;overflow:hidden}.toolRow{border-top:1px solid var(--border);grid-template-columns:minmax(180px,1fr) minmax(130px,.45fr);gap:10px;padding:10px;font-size:12px;display:grid}.toolRow:first-child{border-top:0}.toolRow strong{overflow-wrap:anywhere}.toolRow span,.mutedText{color:var(--muted-foreground)}.blockedTool strong{color:var(--destructive)}.nestedDetails{margin-top:12px}.nestedDetails summary{color:var(--muted-foreground);cursor:pointer;font-size:12px;font-weight:800}.codeBlock{border-radius:var(--radius);color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;font-family:var(--mono);background:#0f1720;border:1px solid #1e293b;padding:12px;font-size:12px;line-height:1.5;overflow:auto}@media (max-width:1040px){.appShell{padding:12px}.settingsBar,.workspace{grid-template-columns:1fr}.chatPane,.inspector{min-height:620px}.message{width:100%}}@media (max-width:640px){.topbar,.threadHeader,.inspectorHeader{flex-direction:column;align-items:flex-start}.brandMark{width:36px;height:36px}.button{width:100%}.keyValues div{grid-template-columns:1fr;gap:3px}.costRow,.toolRow{grid-template-columns:1fr}}