.security-panel{max-width:760px;margin:48px auto 80px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.security-panel h1{margin-bottom:32px}.security-panel h2{margin-top:28px}.security-panel form{max-width:420px}.security-panel>.helper{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.enrollment-key{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;margin:24px 0 32px}.enrollment-key canvas{max-width:240px;height:auto;border-radius:6px;image-rendering:pixelated}.enrollment-key details{flex:1;min-width:180px;font-size:12px;color:var(--muted)}.enrollment-key summary,.recovery-management summary{cursor:pointer;color:var(--accent)}.secret-key{display:block;margin-top:14px;padding:12px;background:#0b121e;border-radius:6px;overflow-wrap:anywhere;user-select:all}.recovery-codes{max-width:420px;white-space:pre-wrap;columns:2;column-gap:32px;font:14px/2 Consolas,monospace;background:#0b121e;padding:20px;border:1px solid var(--line);border-radius:7px;user-select:all}.checkbox-label{display:flex;align-items:center;gap:10px;font-weight:400;margin-top:28px}.checkbox-label input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.security-enabled-status{color:#a2d9bb;font-size:18px;font-weight:700}.security-text-button{display:block;color:var(--accent);font-size:12px;margin-top:16px;padding:0;text-align:left}.recovery-management{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.recovery-management form{margin-top:20px}@media(max-width:600px){.security-panel{margin:24px 14px;padding:24px}.enrollment-key{flex-direction:column}.enrollment-key canvas{max-width:100%}.recovery-codes{font-size:12px;padding:16px;columns:1}}