:root{--font-body: "Avenir Next", "SF Pro Text", "PingFang SC", "Noto Sans SC", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--bg: #f5f6f1;--panel: #ffffff;--line: #d8ddd0;--text: #1d2a22;--muted: #607164;--brand: #0e7b6a;--brand-soft: #d6efe9;--danger: #b6482b;--danger-soft: #f7e0da;--ok-soft: #daf1e6;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 20% 0%,#e6f0e2,#f5f6f1 42%) fixed}button,input,select{font:inherit}input,select{border:1px solid #c5cdbe;border-radius:10px;padding:9px 11px;background:#fff;color:var(--text)}.app-shell{padding:16px;display:flex;flex-direction:column;gap:12px}.panel{background:#fffffff0;border:1px solid var(--line);border-radius:var(--radius);padding:14px}.top-strip{background:linear-gradient(90deg,#fff,#f7fbf8);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px}.token-row{display:grid;grid-template-columns:260px minmax(180px,1fr) minmax(200px,1fr) auto auto;gap:10px;align-items:end}.top-meta{min-width:0}.panel-title{font-weight:700;font-size:1.05rem}.panel-subtitle{color:var(--muted);font-size:.84rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.status-lite{color:var(--muted);font-size:.82rem}.input-inline{display:flex;flex-direction:column;gap:6px}.input-inline.compact label{font-size:.78rem}.input-inline label{color:var(--muted);font-size:.8rem}.button-row{display:flex;gap:8px}.btn{border:none;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.52;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-subtle{background:#e7ece4;color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-link{background:transparent;color:var(--brand);padding:0 4px}.status-chip{justify-self:end;border-radius:999px;background:var(--brand-soft);color:#0d5f52;padding:7px 11px;font-size:.78rem;font-weight:600}.credential-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px dashed var(--line);padding-top:10px}.chip-label{font-size:.82rem;color:var(--muted)}.credential-chip{border:1px solid #bfc8b5;border-radius:999px;background:#f5f9f4;color:#304537;padding:6px 10px;font-size:.8rem;cursor:pointer}.main-grid{display:grid;grid-template-columns:340px 1fr;gap:12px}.column-stack{display:grid;grid-template-rows:auto auto;gap:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:10px}.loop-inline{display:inline-flex;align-items:center;gap:8px}.elevator-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto}.elevator-item{border:1px solid #d3d9cd;border-radius:10px;background:#fbfdf9;text-align:left;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.elevator-item.active{border-color:#6ca795;background:#eef8f2}.elevator-row{display:flex;justify-content:space-between;gap:10px;font-size:.84rem}.elevator-row.muted{color:var(--muted)}.snapshot-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,1fr);gap:12px}.snapshot-main,.snapshot-raw{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fcfdfa}.snapshot-raw pre{margin:6px 0 0;max-height:300px;overflow:auto;font-family:var(--font-mono);font-size:.76rem}.kv-grid{margin-top:8px;display:grid;grid-template-columns:150px 1fr;row-gap:6px;column-gap:10px;font-size:.86rem}.kv-grid div:nth-child(odd){color:var(--muted)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.control-form{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;background:#fcfdfa}.message-block{border-radius:8px;background:#eef3eb;padding:8px 10px;font-size:.82rem}.error-block{border-radius:8px;background:var(--danger-soft);color:#8f2f19;padding:9px 10px;font-size:.82rem}.logs-panel{padding:12px 14px}.logs-list{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:7px}.log-row{display:grid;grid-template-columns:190px 1fr;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:.84rem}.log-row.ok{background:var(--ok-soft)}.log-row.err{background:#f9ece9}.log-time{color:var(--muted)}.log-main{min-width:0}.log-detail{color:#5e5f5f;margin-top:2px}.empty-tip{color:var(--muted);font-size:.84rem}@media (max-width: 1200px){.token-row{grid-template-columns:1fr 1fr}.status-chip{justify-self:start}.main-grid{grid-template-columns:1fr}}@media (max-width: 820px){.token-row,.snapshot-grid,.log-row{grid-template-columns:1fr}}