.generator.svelte-1jupv3{max-width:42rem;margin-inline:auto}.intro.svelte-1jupv3{max-width:60ch;margin-bottom:var(--space-8)}.strength-title.svelte-1jupv3{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;opacity:.4;margin:0 0 var(--space-1) var(--space-2)}.password-display.svelte-1jupv3{display:flex;align-items:center;position:relative;overflow:hidden;width:100%;padding:var(--space-4);background-color:var(--strength-clr);color:var(--color-text-on-light);transition:background-color var(--duration-fast) var(--ease-default)}.password-display.svelte-1jupv3 input:where(.svelte-1jupv3){flex:1;min-width:0;border:none;background:none;padding:0;font-family:var(--font-mono);font-size:var(--text-lg);color:inherit}.password-display.svelte-1jupv3:after{content:"";position:absolute;inset-block:0;right:0;width:150px;background-image:linear-gradient(to right,transparent,var(--strength-clr));pointer-events:none}.icon-control.svelte-1jupv3{display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:1}.icon-control.svelte-1jupv3 button:where(.svelte-1jupv3){display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;cursor:pointer;color:inherit;opacity:.5}.icon-control.svelte-1jupv3 button:where(.svelte-1jupv3):hover{opacity:1}.controls.svelte-1jupv3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-10);margin-top:var(--space-6)}.control-column.svelte-1jupv3{display:flex;flex-direction:column;gap:var(--space-4)}.manual-btns.svelte-1jupv3{display:flex;flex-direction:column;gap:var(--space-2)}.manual-btns.svelte-1jupv3 .btn:where(.svelte-1jupv3){width:100%}.security-message.svelte-1jupv3{margin:var(--space-12) 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--text-xs);opacity:.8}.security-message.svelte-1jupv3 li:where(.svelte-1jupv3){margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--contrast-alpha-100)}.security-message.svelte-1jupv3 li:where(.svelte-1jupv3):last-child{border-bottom:none}@media(max-width:768px){.controls.svelte-1jupv3{grid-template-columns:minmax(0,1fr)}}