.password-app .tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.password-app .dictionary-size{grid-column:1/-1;margin:-.4rem 0 0;color:var(--success);font:700 .78rem var(--font-mono);text-align:right}
.password-app .controls>label.toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-deep);cursor:pointer}
.password-app .toggle>span{min-width:0}.password-app .toggle strong,.password-app .toggle small{display:block}.password-app .toggle small{margin-top:.25rem;color:var(--muted);font-size:.875rem;font-weight:400;overflow-wrap:anywhere}
.password-app .toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.password-app .controls[hidden]{display:none}.password-app .toggle i{position:relative;flex:0 0 3rem;width:3rem;height:1.75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);transition:.18s}
.password-app .toggle i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:.18s}
.password-app .toggle input:checked+i{border-color:var(--accent);background:var(--surface-hover)}.password-app .toggle input:checked+i::after{left:23px;background:var(--accent)}
.password-app .toggle input:focus-visible+i{outline:3px solid var(--accent);outline-offset:3px}.password-app .toggle:hover{border-color:var(--accent)}
@media(max-width:620px){.password-app .tabs{font-size:.86rem}.password-app .dictionary-size{text-align:left}.password-app .controls>label.toggle{width:100%}}