.totp-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}.totp-layout .panel{margin:0;min-width:0}.totp-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:24px 0}.totp-fields label,.totp-key-label{display:block;font-size:13px;color:var(--color-secondary)}.totp-fields select,.totp-fields input,.totp-key{display:block;width:100%;min-width:0;margin-top:8px}.totp-actions{display:flex;gap:10px;flex-wrap:wrap}.totp-output{text-align:center}.totp-code{display:block;font:600 clamp(28px,4vw,44px)/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:3px;margin:28px 0 10px;overflow-wrap:anywhere}.totp-output button{margin-top:18px}.totp-status{min-height:24px;font-size:13px;color:var(--color-secondary);margin-top:18px;overflow-wrap:anywhere}.totp-note{font-size:12px;color:var(--color-muted);line-height:1.8}.totp-clock{font-size:13px;color:var(--color-muted)}@media(max-width:900px){.totp-layout{grid-template-columns:1fr}}@media(max-width:450px){.totp-fields{grid-template-columns:1fr 1fr}.totp-fields label:last-child{grid-column:1/-1}}

.totp-output button:disabled{opacity:.45;cursor:not-allowed}