:root{--bg: #0d0d0f;--panel: #16171a;--panel-2: #1d1f23;--border: rgba(255, 255, 255, .08);--text: #f2f3f5;--muted: rgba(242, 243, 245, .55);--accent: #04f9d2;--accent-ink: #06231e;--warn: #fbbf24;--danger: #fc413d;--ok: #34d399}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans SC,sans-serif;font-size:14px;line-height:1.5}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#0d0d0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav{display:flex;gap:6px}.nav a{color:var(--muted);text-decoration:none;padding:6px 14px;border-radius:999px;font-weight:500;transition:all .15s}.nav a:hover{color:var(--text);background:var(--panel-2)}.nav a.active{color:var(--accent-ink);background:var(--accent)}.main{flex:1;padding:20px;max-width:900px;width:100%;margin:0 auto}.grid{display:grid;gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.card h2{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.card h1{margin:0 0 6px;font-size:20px}.row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row .k{color:var(--muted)}.row .v{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;text-align:right;word-break:break-all}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.badge.ok{color:var(--ok);border-color:#34d39966}.badge.warn{color:var(--warn);border-color:#fbbf2466}.badge.off{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:9px 16px;transition:all .15s}button.btn:hover{border-color:#fff3}button.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}button.btn:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.log{background:#0a0a0c;border:1px solid var(--border);border-radius:10px;padding:10px 12px;max-height:260px;overflow:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.7}.log .line{display:flex;gap:8px;white-space:pre-wrap;word-break:break-all}.log .t{color:#f2f3f559;flex-shrink:0}.log .in .d{color:var(--accent)}.log .out .d{color:var(--warn)}.log .info .d{color:var(--muted)}.result{margin-top:10px;background:#0a0a0c;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto}.result.ok{border-color:#34d39959}.result.err{border-color:#fc413d66}.pill-note{font-size:12px;color:var(--muted)}