.password-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.password-wrapper{max-width:700px;margin:0 auto}.password-header{text-align:center;margin-bottom:40px}.password-header h1{font-size:2.5rem;font-weight:800;margin:0;color:var(--color-danger-500)}.password-subtitle{color:var(--color-gray-500);margin-top:10px}.password-back-btn{display:inline-flex;align-items:center;color:var(--color-danger-500);text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.password-back-btn:hover{text-decoration:underline}.password-generator-box{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-6);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200);margin-bottom:30px}.password-result{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--space-2);padding:var(--space-4);margin-bottom:var(--space-5);position:relative}.password-text{font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;word-break:break-all;min-height:1.5em;color:var(--color-gray-900)}.password-copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-danger-500);color:#fff;border:none;padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background .2s}.password-copy-btn:hover{background:var(--color-danger-600)}.password-options-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-5)}.password-option-group{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200)}.password-option-group:last-child{border-bottom:none}.password-option-label{font-weight:500;color:var(--color-gray-900)}.password-option-control{display:flex;align-items:center;gap:var(--space-2)}.password-length-input{width:80px;padding:6px var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);text-align:center;outline:none}.password-length-input:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ef44441a}.password-checkbox{width:18px;height:18px;accent-color:var(--color-danger-500)}.password-generate-btn{background:var(--color-danger-500);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;width:100%;margin-bottom:var(--space-5);font-size:1rem}.password-generate-btn:hover{background:var(--color-danger-600)}.password-strength-meter{margin-bottom:var(--space-5)}.password-strength-label{font-size:.9rem;font-weight:500;margin-bottom:var(--space-2);color:var(--color-gray-500)}.password-strength-bar{height:var(--space-2);background:var(--color-gray-200);border-radius:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s,background-color .3s;border-radius:4px}.password-strength-weak{background:var(--color-danger-500)}.password-strength-medium{background:var(--color-warning-500)}.password-strength-strong{background:#10b981}.password-strength-text{font-size:.8rem;margin-top:4px;font-weight:500}.password-checker-box{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200)}.password-checker-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:1rem;outline:none;margin-bottom:var(--space-4)}.password-checker-input:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ef44441a}.password-checker-result{padding:var(--space-4);border-radius:var(--space-2);margin-top:var(--space-4)}@media (max-width: 768px){.password-container{padding:var(--space-5) 15px}.password-header h1{font-size:2rem}.password-option-group{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.password-option-control{align-self:flex-end}}