:root{--bg: #ffffff;--surface: #f6f7fb;--surface2: #ffffff;--text: #101214;--muted: #5b6470;--border: rgba(16, 18, 20, .12);--shadow: 0 10px 30px rgba(16, 18, 20, .08);--accent: #2f6df6;--accentText: #ffffff;--warn: #b45309;--warnBg: rgba(245, 158, 11, .16);--radius: 14px;--radius2: 10px;--pad: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh;display:flex;flex-direction:column;padding:20px;gap:16px}.topbar{max-width:980px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.brand__title{font-weight:750;font-size:20px}.brand__subtitle{color:var(--muted);font-size:13px;margin-top:2px}.iconbar{display:flex;gap:8px}.iconbtn{border:1px solid var(--border);background:var(--surface2);border-radius:12px;padding:10px 12px;cursor:pointer;box-shadow:0 2px 10px #1012140d}.iconbtn:hover{filter:brightness(.98)}.panel{max-width:980px;width:100%;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.controls{display:flex;flex-direction:column;gap:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;width:100%;border:1px solid var(--border);background:var(--surface2);border-radius:var(--radius2);overflow:hidden}.segmented__btn{padding:12px 14px;border:0;background:transparent;cursor:pointer;font-weight:650}.segmented__btn.is-active{background:var(--accent);color:var(--accentText)}.card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius2);padding:var(--pad)}.card__row{display:flex;gap:12px;justify-content:space-between;align-items:center}.card__title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card__meta{font-weight:650;margin-top:4px}.card__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.card__hint{margin-top:10px;color:var(--muted);font-size:13px}.fields{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:900px){.fields{grid-template-columns:1fr 1fr;align-items:start}}.field{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius2);padding:var(--pad);display:flex;flex-direction:column;gap:10px}.field__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.field__label{font-weight:700}.field__meta{color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center}.textarea{width:100%;resize:vertical;min-height:140px;padding:12px;border:1px solid var(--border);border-radius:12px;outline:none;background:#fff;color:var(--text);line-height:1.4}.textarea--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.input,.select{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;outline:none;background:#fff;color:var(--text)}.passphrase{display:grid;grid-template-columns:1fr;gap:14px}.passphrase__row{display:flex;gap:10px;align-items:center}.passphrase__toggle{width:52px;flex:0 0 auto}.actions{display:flex;flex-direction:column;gap:10px}.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:12px;padding:11px 14px;cursor:pointer;font-weight:650}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accentText);border-color:transparent}.btn--secondary{background:var(--surface2)}.btn--ghost{background:transparent}.btn--block{width:100%;padding:14px;font-size:15px}.linkbtn{border:0;background:transparent;color:var(--accent);cursor:pointer;font-weight:650;padding:0}.linkbtn:hover{text-decoration:underline}.hint{color:var(--muted);font-size:13px}.hint--warn{color:var(--warn);background:var(--warnBg);border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:10px 12px}.status{font-size:13px}.muted{color:var(--muted)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dialog::backdrop{background:#00000059}.dialog{border:0;padding:0;border-radius:16px;max-width:520px;width:calc(100% - 32px);box-shadow:var(--shadow)}.dialog__inner{padding:16px}.dialog__title{font-weight:800;font-size:16px;margin-bottom:10px}.dialog__content{display:flex;flex-direction:column;gap:10px;color:var(--text)}.dialog__actions{margin-top:14px;display:flex;justify-content:flex-end}.radio{display:flex;gap:10px;align-items:center}.bullets{margin:0;padding-left:18px;color:var(--text)}.bullets li{margin:6px 0}html[data-theme=midnight]{--bg: #0b1020;--surface: #0f162b;--surface2: #121a2e;--text: #f2f5ff;--muted: #aab3cc;--border: rgba(242, 245, 255, .14);--shadow: 0 18px 50px rgba(0, 0, 0, .35);--accent: #4c8dff;--accentText: #ffffff}html[data-theme=terminal]{--bg: #000000;--surface: #050505;--surface2: #0b0b0b;--text: #33ff33;--muted: #90ff90;--border: rgba(51, 255, 51, .2);--shadow: 0 18px 50px rgba(0, 0, 0, .5);--accent: #33ff33;--accentText: #000000}html[data-theme=terminal] .textarea,html[data-theme=terminal] .input,html[data-theme=terminal] .select,html[data-theme=terminal] .iconbtn,html[data-theme=terminal] .card,html[data-theme=terminal] .field{background:#0b0b0b}