.tabs{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto}@media(max-width:500px){.tabs{grid-template-columns:1fr}}.tab-button:hover{color:#006be6}.tab-button.active{color:#006be6;border-bottom:2px solid #006be6}.dark .tab-button:hover{color:#008ae6}.dark .tab-button.active{color:#008ae6;border-bottom:2px solid #008ae6}.options-group.hidden{display:none}input[type=range]{width:100%;cursor:pointer}.option-card{display:inline-flex;align-items:center;gap:5px;margin-inline:10px}.option-card #separator{text-align:center;border:1px solid #ccc;border-radius:3px;width:50px}.result-card{display:flex;flex-direction:column;text-align:center;border:1px solid;border-radius:1.2rem}.password-display{padding:1.25rem;font-size:1.8rem;word-break:break-all}#toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%)translateY(80px);opacity:0;background:#038de9;color:#fff;padding:1rem 1.25rem;border-radius:1rem;box-shadow:0 15px 40px rgba(0,0,0,.6);display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;z-index:10;pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}#toast.show{transform:translateX(-50%)translateY(0);opacity:1}#toast.hidden{display:none}