:root{--op-bg:#f6f7f9;--op-fg:#1d2330;--op-card:#fff;--op-line:#e3e6ec;--op-muted:#6b7385;--op-accent:#2f6fed;--op-ok:#1f9d55;--op-warn:#c98a04;--op-off:#9aa1ad;--op-danger:#d23b3b;--op-radius:8px;--op-font:system-ui, -apple-system, "Segoe UI", sans-serif;--op-mono:Menlo, Monaco, "Courier New", monospace}@media (prefers-color-scheme:dark){:root{--op-bg:#12151b;--op-fg:#e6e9ef;--op-card:#1b1f27;--op-line:#2a303b;--op-muted:#9aa3b2;--op-accent:#6b9bff;--op-danger:#ef6b6b}}.op-root{font-family:var(--op-font);color:var(--op-fg);background:var(--op-bg);min-height:100vh}.op-root *,.op-root :before,.op-root :after{box-sizing:border-box}.op-root a{color:var(--op-accent)}.op-root h1{font-size:1.3rem}.op-root input,.op-root select,.op-root textarea{font:inherit;border:1px solid var(--op-line);background:var(--op-card);color:var(--op-fg);border-radius:6px;width:100%;padding:.4rem .5rem}.op-button{background:var(--op-accent);color:#fff;border-radius:var(--op-radius);font:inherit;cursor:pointer;border:1px solid #0000;padding:.45rem .8rem;font-size:.9rem;text-decoration:none;display:inline-block}.op-button:disabled{opacity:.45;cursor:not-allowed}.op-button--ghost{color:var(--op-fg);border-color:var(--op-line);background:0 0}.op-button--danger{background:var(--op-danger)}.op-card{background:var(--op-card);border:1px solid var(--op-line);border-radius:12px;padding:1rem}.op-pill{border:1px solid var(--op-line);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.op-pill--ok{color:var(--op-ok);border-color:var(--op-ok)}.op-pill--warn{color:var(--op-warn);border-color:var(--op-warn)}.op-pill--off{color:var(--op-off)}.op-pill--danger{color:var(--op-danger);border-color:var(--op-danger)}.op-dot{background:var(--op-off);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}.op-dot--ok{background:var(--op-ok)}.op-dot--warn{background:var(--op-warn)}.op-dot--danger{background:var(--op-danger)}.op-bar{background:var(--op-line);border-radius:3px;height:5px;overflow:hidden}.op-bar>div{background:var(--op-accent);height:100%}.op-bar--warn>div{background:var(--op-warn)}.op-bar--danger>div{background:var(--op-danger)}.op-page{max-width:1100px;margin:0 auto;padding:1rem}.op-center{text-align:center;place-content:center;gap:1rem;min-height:100vh;display:grid}.op-row{align-items:center;gap:.6rem;display:flex}.op-grow{flex:1;min-width:0}.op-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.op-list{gap:.5rem;margin-top:1rem;display:grid}.op-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.op-form{gap:.6rem;margin-top:.8rem;display:grid}.op-form label{gap:.25rem;font-size:.85rem;display:grid}.op-topbar{background:var(--op-card);border-bottom:1px solid var(--op-line);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.op-muted{color:var(--op-muted)}.op-small{font-size:.82rem}.op-mono{font-family:var(--op-mono)}.op-error{color:var(--op-danger)}.op-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-subbar{justify-content:flex-end;padding:.4rem 1rem 0;display:flex}.sv-brand{color:var(--op-fg);font-weight:600;text-decoration:none}.sv-spacer{flex:1}.sv-faded{opacity:.55}.sv-danger-text{color:var(--op-danger)!important}.sv-fields{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;display:grid}.sv-hw{border:1px solid var(--op-line);border-radius:var(--op-radius);gap:.35rem;margin-top:.8rem;padding:.6rem;display:grid}.sv-terminal-page{flex-direction:column;height:calc(100dvh - 52px);display:flex}.sv-topline{gap:1rem;padding:.4rem 1rem;display:flex}.sv-terminal{background:#0f172a;flex:1;min-height:0;padding:4px}.sv-keys{background:#1e293b;gap:.4rem;padding:.4rem;display:flex;overflow-x:auto}.sv-key{font-family:var(--op-mono);background:#334155;flex-shrink:0}.sv-app a.op-button{color:#fff}.sv-app .op-card{min-width:0}.sv-app .sv-hw .op-row{flex-wrap:wrap;gap:0 .5rem}.sv-app .sv-hw .op-grow{flex-basis:0;min-width:4ch}