:root{--bg: #0f1219;--panel: #171b26;--panel2: #1e2330;--border: #2a3040;--text: #e6e9ef;--muted: #8b93a7;--accent: #3b82f6;--accent-2: #2b6cb0;--good: #34d399;--warn: #f6ad55;--bad: #f87171;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,sans-serif;font-size:14px}h2,h3{margin:0 0 8px;font-weight:600}h3{font-size:15px;color:var(--text)}.app{max-width:1080px;margin:0 auto;padding:16px 20px 48px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stack{display:grid;gap:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{margin-left:auto}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){background:#262c3b;border-color:#3a4256}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent-2);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent)}.btn.good{background:#14532d;border-color:#1e7a44}.btn.danger{background:#5a1e1e;border-color:#7a2a2a}.btn.active{background:var(--accent-2);border-color:var(--accent)}.btn.sm{padding:4px 9px;font-size:12px}.chip{padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;background:var(--panel2);color:var(--muted);border:1px solid var(--border);transition:all .12s}.chip.on{color:#fff;border-color:transparent}input[type=number],input[type=text],select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;width:96px}input[type=range]{width:180px;accent-color:var(--accent);vertical-align:middle}select{width:auto}label{color:var(--muted);display:inline-flex;gap:6px;align-items:center}input:focus,select:focus{outline:none;border-color:var(--accent)}.cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.cell{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.cell .k{font-size:11px;color:var(--muted)}.cell .v{font-size:21px;font-variant-numeric:tabular-nums;margin-top:2px}.cell .u{font-size:11px;color:var(--muted)}.tag{padding:4px 10px;border-radius:6px;font-size:12px;background:var(--panel2);border:1px solid var(--border)}.tag.dot:before{content:"●";margin-right:6px}.tag.good{color:var(--good)}.tag.bad{color:var(--bad)}.tag.warn{color:var(--warn)}.tabs{display:flex;gap:6px}table.data{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}table.data th{text-align:right;color:var(--muted);font-weight:500;font-size:12px;padding:4px 8px}table.data th:first-child,table.data td:first-child{text-align:left}table.data td{text-align:right;padding:5px 8px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12px}.log{font-family:var(--mono);font-size:12px;max-height:120px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.log .err{color:var(--bad)}.log .ok{color:var(--muted)}.log .info{color:var(--accent)}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:12px;margin:6px 0}