.pf-result { display: flex; align-items: center; gap: 10px; padding: 14px 14px 14px 18px; border-radius: 14px; background: var(--surface-2); border: 1px solid var(--line); }
.pf-pass { flex: 1; min-width: 0; font-size: clamp(17px, 2.6vw, 24px); font-weight: 600; letter-spacing: .02em; line-height: 1.4; word-break: break-all; cursor: copy; color: var(--text); }
.pf-pass.long { font-size: 15px; }
.pf-actions { display: flex; gap: 8px; flex: none; }
.pf-meter { height: 6px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.pf-meter i { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--accent); transition: width 300ms var(--ease), background 300ms; }
.pf-meter i.pf-bad { background: var(--danger); }
.pf-meter i.pf-warn { background: var(--warn); }
.pf-meter i.pf-ok { background: var(--ok); }
.pf-grid { align-items: start; }
.pf-sets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
input.pf-small.input { width: 84px; flex: none; min-height: 34px; padding: 5px 10px; text-align: center; font-variant-numeric: tabular-nums; }
.pf-len { gap: 8px; }
.pf-bulkrow { align-items: flex-end; }
.pf-num { font-weight: 700; font-size: 15px; color: var(--accent); font-variant-numeric: tabular-nums; }
.pf-list { max-height: 340px; overflow: auto; word-break: break-all; }
.pf-how { margin: 0; }
@media (max-width: 560px) {
  .pf-sets { grid-template-columns: minmax(0, 1fr); }
  .pf-result { flex-direction: column; align-items: stretch; }
  .pf-actions { justify-content: flex-end; }
}