.password-generator,.password-generator .container{display:flex;flex-direction:column;gap:16px}.password-generator .pg-title{font-family:var(--teb-font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--teb-ink);margin:0 0 4px}.password-generator .pg-desc{font-size:14px;color:var(--teb-ink-muted);margin:0}.password-generator .preset-card,.password-generator .settings-card,.password-generator .result-card,.password-generator .info-card{background:var(--teb-surface);border:1px solid var(--teb-hairline);border-radius:14px;box-shadow:var(--teb-shadow-card);padding:20px 24px}.password-generator .password-display{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--teb-canvas);border-radius:10px;border:1px solid var(--teb-hairline)}.password-generator .password-field{flex:1;font-family:var(--teb-font-mono);font-size:16px;font-weight:600;letter-spacing:.05em;color:var(--teb-ink);word-break:break-all}.password-generator .password-actions{display:flex;gap:8px}.password-generator .strength-indicator{padding:12px 16px;background:var(--teb-canvas);border-radius:8px;margin-top:12px}.password-generator .strength-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--teb-ink-muted)}.password-generator .strength-label{font-weight:700}.password-generator .strength-bar{background:var(--teb-hairline);border-radius:4px;overflow:hidden;height:6px}.password-generator .strength-fill{height:6px;border-radius:4px;transition:width .2s ease,background-color .2s ease}.password-generator .security-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}.password-generator .tip-item{padding:14px 16px;background:var(--teb-canvas);border-radius:10px;border:1px solid var(--teb-hairline);transition:border-color .15s ease,transform .15s ease;display:flex;flex-direction:column;gap:4px}.password-generator .tip-item:hover{border-color:var(--teb-primary);transform:translateY(-1px)}.password-generator .tip-title{font-size:13px;font-weight:600;color:var(--teb-ink)}.password-generator .tip-desc{font-size:12px;color:var(--teb-ink-muted);line-height:1.4}@media (max-width: 768px){.password-generator .password-display{flex-direction:column;align-items:stretch;gap:8px}.password-generator .password-actions{justify-content:flex-end}.password-generator .security-tips{grid-template-columns:1fr}}