body{font-family:system-ui,sans-serif;background-color:#121212;color:#eaeaea;margin:0;padding:1.2rem}h1{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.password-section{margin-bottom:1.5rem;background:#1e1e1e;border-radius:6px;padding:1rem 1.25rem;box-shadow:0 1px 5px #0000004d}.password-section h2{font-size:1.1rem;color:#90caf9;margin-bottom:.75rem;border-left:4px solid #2196f3;padding-left:.5rem}.password-section .password-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.password-section .password-row .length-label{font-size:.85rem;width:2.5rem;color:#bbb;text-align:right}.password-section .password-row input{flex-grow:1;background-color:#2b2b2b;color:#eaeaea;border:1px solid #444;border-radius:4px;padding:.4rem .6rem;font-size:.95rem;font-family:monospace;outline:none}.password-section .password-row input:focus{border-color:#64b5f6}.password-section .password-row button{background-color:#2196f3;color:#fff;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.password-section .password-row button:hover{background-color:#1976d2}.password-section .password-row button:active{background-color:#1565c0}@media (max-width: 600px){.password-row{flex-direction:column;align-items:stretch}.password-row .length-label{display:none}.password-row button{width:100%}}.regenerate-wrapper{text-align:center;margin-bottom:1.5rem}.regenerate-wrapper .regenerate-button{background-color:#444;color:#ccc;border:1px solid #555;border-radius:4px;padding:.4rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.regenerate-wrapper .regenerate-button:hover{background-color:#555;color:#fff}