.pg-out { display: grid; gap: 1rem; }
.pg-list { display: grid; gap: .4rem; max-height: 60vh; overflow-y: auto; }
.pg-item { display: flex; align-items: center; gap: .5rem; padding: .9rem 1rem; border-radius: var(--radius); background: var(--surface-sunken); }
.pg-pass { flex: 1; min-width: 0; font: 600 clamp(1.1rem, .9rem + 1.2vw, 1.6rem)/1.3 var(--font-mono); letter-spacing: .02em; overflow-wrap: anywhere; user-select: all; color: var(--text); background: none; }
.pg-item.is-small { padding: .55rem .8rem; }
.pg-item.is-small .pg-pass { font-size: 1rem; }
.pg-empty { margin: 0; color: var(--text-soft); }
.pg-strength { display: grid; gap: .4rem; }
.pg-meter { height: 8px; overflow: hidden; border-radius: 4px; background: var(--surface-sunken); }
.pg-meter i { display: block; height: 100%; border-radius: inherit; transition: width .25s var(--ease), background-color .25s; }
.pg-meter .is-weak { background: var(--danger); }
.pg-meter .is-fair { background: #f59e0b; }
.pg-meter .is-strong { background: #10b981; }
.pg-meter .is-great { background: var(--success); }
.pg-label { margin: 0; font-size: .92rem; }