.password-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:28px;display:flex}.password-display{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-soft);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.password-display__text{letter-spacing:.03em;color:var(--color-text);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:Courier New,monospace;font-size:19px;font-weight:700}.password-display__actions{flex-shrink:0;gap:8px;display:flex}.strength-meter{align-items:center;gap:12px;display:flex}.strength-meter__track{border-radius:var(--radius-full);background-color:var(--color-border);flex:1;height:6px;overflow:hidden}.strength-meter__fill{border-radius:inherit;height:100%;transition:width var(--transition-base) ease, background-color var(--transition-base)}.strength-meter__label{text-align:right;flex-shrink:0;width:52px;font-size:13px;font-weight:700}.strength-meter--1 .strength-meter__fill{background-color:#ef4444}.strength-meter--1 .strength-meter__label{color:#ef4444}.strength-meter--2 .strength-meter__fill{background-color:#f59e0b}.strength-meter--2 .strength-meter__label{color:#f59e0b}.strength-meter--3 .strength-meter__fill{background-color:var(--color-accent)}.strength-meter--3 .strength-meter__label{color:var(--color-accent)}.strength-meter--4 .strength-meter__fill{background-color:var(--color-success)}.strength-meter--4 .strength-meter__label{color:var(--color-success)}@media (max-width:480px){.password-display{flex-direction:column;align-items:stretch}.password-display__text{text-align:center;font-size:16px}.password-display__actions{justify-content:center}}