:root{font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}.shell{max-width:840px;margin:0 auto;padding:28px 18px 50px}header,.row,.actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:800;letter-spacing:.03em;font-size:20px}.brand span{font-size:11px;color:#63718a;margin-left:8px;letter-spacing:.12em}h1{font-size:25px;margin:0 0 8px}h2{font-size:20px;margin:0 0 5px}p{margin:8px 0 18px;color:#59677d}.card{background:white;border:1px solid #e2e7ef;border-radius:18px;padding:26px;margin:22px 0;box-shadow:0 8px 28px #1b31500b}label{display:block;font-weight:650;margin:16px 0}input,textarea,select{display:block;width:100%;border:1px solid #cbd4e1;border-radius:10px;padding:12px 13px;margin-top:7px;font:inherit;color:#172033;background:#fff}textarea{font:13px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}button{border:0;border-radius:10px;padding:12px 16px;background:#175bd3;color:white;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:#edf2fa;color:#203350}.hidden{display:none!important}.muted{color:#728097}.small{font-size:13px}.error{color:#b42318;min-height:1em}#qr,#rotate-qr{display:block;width:220px;height:220px;image-rendering:pixelated;margin:15px auto;border:8px solid white;box-shadow:0 0 0 1px #ddd}.warning{background:#fff4d8;color:#684600;padding:13px;border-radius:10px;margin:16px 0}.actions{justify-content:flex-start;flex-wrap:wrap}#keys .key{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #edf0f5}.key strong{display:block}.key small{color:#718097}footer{font-size:13px;color:#708098;padding:10px}code{background:#e9eef6;padding:2px 5px;border-radius:5px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#172033;color:white;padding:10px 16px;border-radius:10px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}@media(max-width:560px){.shell{padding:18px 12px 35px}.card{padding:19px}.row{align-items:flex-start}.actions button{width:100%}}