:root{--bg-gradient: linear-gradient(180deg,#f5f7fb 0%, #eef6ff 100%);--card: #ffffff;--muted: #667085;--accent: linear-gradient(90deg,#6b8cff,#8bd3ff);--accent-solid: #4f7bff;--danger: #e55353;--success: #28a745;--radius: 12px;--glass: rgba(255,255,255,.6)}*{box-sizing:border-box}html,body{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg-gradient);background-attachment:fixed;padding:40px 20px;color:#0f172a}.container{max-width:780px;margin:0 auto}h1{font-size:1.6rem;margin-bottom:12px}.card{background:var(--card);padding:20px;border-radius:var(--radius);box-shadow:0 8px 30px #0c121f14;border:1px solid rgba(15,23,42,.04)}.password-row{display:flex;gap:12px;align-items:center}.password-display{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fbfdff,#f7fbff);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace;font-size:1rem}.actions{display:flex;gap:8px}.actions button{background:var(--accent-solid);color:#fff;border:0;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px #4f7bff2e}.actions button.secondary{background:transparent;color:var(--accent-solid);border:1px solid rgba(79,123,255,.12);box-shadow:none}.actions button:active{transform:translateY(1px)}.strength{display:flex;align-items:center;gap:10px;margin-top:12px}.strength strong{font-size:.95rem}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.controls label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px}.controls select{margin-left:auto;padding:6px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px #fff9;font-weight:600}.controls select:focus{outline:none;box-shadow:0 0 0 4px #4f7bff1f}.controls input[type=range]{width:100%;accent-color:var(--accent-solid)}.controls input[type=checkbox]{width:18px;height:18px}.footer{margin-top:14px;color:var(--muted);font-size:.9rem}.toast{position:fixed;right:20px;bottom:20px;color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 30px #0f172a66;transform:translateY(12px);opacity:0;animation:toast-in .36s ease-out forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:focus-visible{outline:3px solid rgba(79,123,255,.18);outline-offset:3px;border-radius:6px}@media (max-width:600px){.controls{grid-template-columns:1fr}.password-row{flex-direction:column;align-items:stretch}.actions{justify-content:flex-end}}