:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e8ec;--muted: #8b93a1;--user: #2563eb;--ai: #1f2430;--accent: #34d399;--warn: #fbbf24;--danger: #f87171}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Hiragino Sans,Yu Gothic,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100dvh}header{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel);display:flex;align-items:center;gap:12px}header h1{font-size:15px;margin:0;font-weight:600}.status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-left:auto}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.ok{background:var(--accent)}.dot.err{background:var(--danger)}.dot.load{background:var(--warn);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.tabs{display:flex;gap:4px;padding:8px 16px 0;background:var(--panel);border-bottom:1px solid var(--border)}.tab{background:transparent;border:1px solid transparent;border-bottom:none;color:var(--muted);padding:8px 16px;border-radius:8px 8px 0 0;cursor:pointer;font-size:13px}.tab.active{background:var(--bg);color:var(--text);border-color:var(--border)}main{flex:1;overflow-y:auto}.pane{padding:20px 16px;max-width:880px;margin:0 auto}button{background:var(--ai);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer}button:hover{border-color:#3a4150}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--user);border-color:var(--user)}input[type=text],input[type=number],textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--user)}label{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}table.kv{width:100%;border-collapse:collapse;font-size:13px}table.kv td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}table.kv td:first-child{color:var(--muted);width:220px;white-space:nowrap}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:#064e3b;color:var(--accent)}.badge.warn{background:#4a3a09;color:var(--warn)}.badge.err{background:#4c1d1d;color:var(--danger)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;word-break:break-all}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.card.disabled-card{opacity:.6}.card.disabled-card fieldset[disabled]{cursor:not-allowed}.card.disabled-card fieldset[disabled] *{cursor:not-allowed!important}.card h2{font-size:14px;margin:0 0 12px}.note{font-size:12px;color:var(--muted);line-height:1.5}.note code{background:#00000040;padding:1px 5px;border-radius:4px;font-size:11px;color:var(--text)}details.note summary{color:var(--text);font-size:13px;font-weight:600;padding:4px 0}details.note[open] summary{margin-bottom:4px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.metric{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px}.metric .v{font-size:22px;font-weight:700}.metric .l{font-size:11px;color:var(--muted);margin-top:4px}.output{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:12px;white-space:pre-wrap;font-size:13px;line-height:1.55;min-height:40px}.chat-layout{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.chat-scroll{flex:1;overflow-y:auto;padding:24px 16px 140px}.chat{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto}.msg{max-width:85%;padding:12px 16px;border-radius:18px;line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:14px}.msg.user{align-self:flex-end;background:var(--user);border-bottom-right-radius:6px}.msg.ai{align-self:flex-start;background:var(--ai);border:1px solid var(--border);border-bottom-left-radius:6px}.msg.sys{align-self:center;color:var(--muted);font-size:12px;max-width:100%;text-align:center;padding:4px 0}.msg.sys.error{color:var(--danger)}.composer-wrap{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.composer{pointer-events:auto;width:100%;max-width:760px;background:#1c2029;border:1px solid var(--border);border-radius:24px;padding:8px 8px 8px 18px;display:flex;gap:8px;align-items:flex-end;box-shadow:0 10px 30px #00000073,0 2px 6px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer textarea{flex:1;resize:none;background:transparent;border:none;padding:10px 4px;max-height:180px;line-height:1.5;font-size:14px;color:var(--text)}.composer textarea:focus{outline:none}.send-btn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--user);border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .15s,transform .15s}.send-btn:hover:not(:disabled){transform:translateY(-1px)}.send-btn:disabled{background:#2a3040;color:var(--muted);cursor:not-allowed}