.password-tool { padding-inline: 0; }
.password-tool .password-title-icon { width: 52px; height: 52px; flex: none; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); border-radius: 15px; font-size: 23px; }
.password-tool .password-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.password-tool .password-type { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); cursor: pointer; }
.password-tool .password-type .form-check-input { margin: 0; flex: none; }
.password-tool .password-type code { display: block; margin-top: 2px; color: var(--muted); font-family: var(--font-mono); }
.password-tool .password-results { display: grid; gap: 10px; max-height: 580px; overflow-y: auto; padding: 0; margin: 0; list-style: none; }
.password-tool .password-row { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.password-tool .password-number { color: var(--muted); font: 12px var(--font-mono); min-width: 24px; flex: none; }
.password-tool .password-value { min-width: 0; flex: 1; overflow-wrap: anywhere; word-break: break-all; color: var(--ink); font: 15px/1.7 var(--font-mono); user-select: all; }
.password-tool .password-row .btn { flex: none; }
.password-tool .password-empty { padding: 28px 12px; text-align: center; border: 1px dashed var(--line); border-radius: 12px; background: var(--surface-soft); }
@media (max-width: 575px) {
    .password-tool .password-types { grid-template-columns: 1fr; gap: 8px; }
    .password-tool .password-type { padding: 12px; }
    .password-tool .password-value { font-size: 13px; }
    .password-tool .password-row { gap: 8px; padding: 10px; }
}