.pwd-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding-block:18px;padding-inline:18px;display:flex;flex-direction:column;gap:16px}.pwd-length{display:flex;align-items:center;gap:12px}.pwd-length label{flex:0 0 auto;font-size:14px;font-weight:600}.pwd-length input[type=range]{flex:1 1 auto;min-inline-size:120px;accent-color:var(--accent)}.pwd-length output{flex:0 0 44px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;padding-block:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.pwd-sets{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:10px}.pwd-sets legend{padding:0;margin-block-end:8px;font-size:13px;color:var(--muted)}.pwd-check{display:flex;align-items:center;gap:7px;padding-block:8px;padding-inline:12px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:13px;cursor:pointer}.pwd-check input{accent-color:var(--accent)}.pwd-warn{margin:0;font-size:13px;color:#e05252}.pwd-generate{align-self:flex-start}.pwd-meter{margin-block:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding-block:16px;padding-inline:18px}.pwd-meter-row{display:flex;justify-content:space-between;gap:12px;padding-block:5px;font-size:14px}.pwd-meter-row .k{color:var(--muted)}.pwd-meter-row .v{font-weight:700;font-variant-numeric:tabular-nums}.pwd-bar{block-size:8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);overflow:hidden;margin-block:8px}.pwd-bar span{display:block;block-size:100%;inline-size:0;transition:inline-size .15s linear}.pwd-weak{color:#e05252}.pwd-fair{color:#d99326}.pwd-good,.pwd-strong{color:#2e9e5b}.pwd-bar span.pwd-weak{background:#e05252}.pwd-bar span.pwd-fair{background:#d99326}.pwd-bar span.pwd-good,.pwd-bar span.pwd-strong{background:#2e9e5b}.pwd-h3{margin-block:20px 10px;font-size:15px}.pwd-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.pwd-item{display:flex;align-items:center;gap:10px;padding-block:10px;padding-inline:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.pwd-value{flex:1 1 auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}.pwd-copy{flex:0 0 auto;padding-block:7px;padding-inline:12px;font-size:13px}.pwd-note{margin-block:10px 0;color:var(--muted);font-size:12px;line-height:1.7}