:root{--bg:#f3f4f6;--card:#fff;--fg:#111827;--muted:#6b7280;--border:#d1d5db;--accent:#2563eb;--accent-fg:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--card:#111827;--fg:#f3f4f6;--muted:#9ca3af;--border:#374151;--accent:#3b82f6}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);place-items:center;margin:0;padding:16px;font:16px/1.4 system-ui,sans-serif;display:grid}main{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:440px;padding:24px}h1{margin:0 0 16px;font-size:1.3rem}label{color:var(--muted);margin:14px 0 4px;font-size:.85rem;display:block}input[type=text],input[type=password],input[type=number]{width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:1rem}input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row{gap:8px;display:flex}.row>*{flex:1}.inline{color:var(--fg);align-items:center;gap:8px;margin-top:14px;font-size:.95rem;display:flex}.inline input{width:auto}button{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:1rem}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}#fp{margin-top:12px;font-size:1.3rem}#out{border:1px dashed var(--border);word-break:break-all;border-radius:8px;min-height:3em;margin-top:20px;padding:12px;font:1.05rem ui-monospace,monospace}#status{min-height:1.2em;color:var(--muted);margin-top:8px;font-size:.85rem}.actions{margin-top:12px}details{margin-top:18px;font-size:.9rem}summary{cursor:pointer;color:var(--muted)}#keybox{border:1px solid var(--border);word-break:break-all;border-radius:8px;margin-top:8px;padding:10px;font:.95rem ui-monospace,monospace}#keyin{margin-top:8px}#keystate{font-weight:600}.warn{color:#b45309}.pending{border:2px solid #b45309;border-radius:8px;margin-top:8px;padding:10px}.pending p{margin:0 0 8px}