:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--muted:#6e6e73;--border:#d2d2d7;--accent:#0a66c2;--accent-text:#fff;--success-bg:#e7f6ec;--success-text:#106b2f;--error-bg:#fdecec;--error-text:#b3261e;--badge-off-bg:#ececf0;--radius:12px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--surface:#1c1c1e;--text:#f5f5f7;--muted:#a1a1a6;--border:#38383a;--accent:#4c9bff;--accent-text:#000;--success-bg:#12301d;--success-text:#7ad69a;--error-bg:#3a1513;--error-text:#ff8a80;--badge-off-bg:#2c2c2e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}main{gap:16px;max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:grid}main.narrow{max-width:400px;padding-top:15vh}h1{margin:0;font-size:28px}h2{margin:0;font-size:18px}p{margin:0}code,.mono,pre{font-family:var(--mono);font-size:13px}pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:8px 0 0;padding:12px;overflow-x:auto}ol{gap:8px;margin:0;padding-left:20px;display:grid}.muted,.hint{color:var(--muted)}.hint{font-size:13px}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stack{gap:8px;display:grid}.fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.plain{margin:0;padding:0;list-style:none}label{font-weight:600}input[type=password]{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}input[type=file]{font:inherit;max-width:100%;font-size:14px}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--error-text)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.message{border-radius:8px;padding:10px 12px;font-size:14px}.message.success{background:var(--success-bg);color:var(--success-text)}.message.error{background:var(--error-bg);color:var(--error-text)}.error-text{color:var(--error-text)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:10px 8px}th{color:var(--muted);font-weight:600}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.on{background:var(--success-bg);color:var(--success-text)}.badge.off{background:var(--badge-off-bg);color:var(--muted)}.tag{color:var(--muted);margin-left:6px;font-size:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .message{white-space:normal;flex-basis:100%}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
