:root{--screen-ink:#b8ff9d;--screen-hot:#e3ffd8;--screen-muted:#b8ff9dad;--screen-dim:#b8ff9d33;--screen-line:#b8ff9d6b;--screen-fill:#071c0a7a;--screen-fill-strong:#092a0ec7;--focus:#b8ff9d52}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--screen-ink);background:#050905;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input{font:inherit;touch-action:manipulation}.home-scenes{z-index:0;overscroll-behavior:none;background:#050905;height:100dvh;position:fixed;inset:0;overflow:hidden}.home-scenes__track{will-change:transform;grid-template-rows:repeat(2,100dvh);width:100%;height:200dvh;transition-property:transform;transition-duration:.82s;transition-timing-function:cubic-bezier(.22,1,.36,1);display:grid;transform:translate(0,0)}.home-scenes[data-scene=information] .home-scenes__track{transform:translateY(-50%)}.home-scenes__scene{outline:none;width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.home-scenes__generator .app-shell,.home-scenes__generator .background-video{height:100dvh;min-height:100dvh}.home-scenes__generator .background-video,.home-scenes__generator .monitor-interface,.home-scenes__generator .settings-panel{position:absolute}.home-scenes__information{overscroll-behavior:contain;scrollbar-gutter:stable;color:#d8e7d6;background:linear-gradient(#090e14fa,#0f151a),#10151a;overflow:hidden auto}.home-scenes__skip-link{z-index:50;top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));color:#10151a;opacity:0;pointer-events:none;background:#67df83;border:1px solid #67df83;border-radius:4px;min-height:44px;padding:.75rem 1rem;font-weight:700;transition-property:opacity,transform;transition-duration:.18s;transition-timing-function:ease-out;position:fixed;transform:translateY(calc(-100% - 1rem))}.home-scenes__skip-link:focus-visible{opacity:1;pointer-events:auto;outline-offset:3px;outline:2px solid #e3ffd8;transform:translate(0,0)}.generator-information{color:#d8e7d6;background:0 0;min-height:100%}.generator-information__inner{width:min(100%,1280px);min-height:100%;padding:max(2rem, env(safe-area-inset-top)) clamp(1.5rem, 4vw, 3.5rem) max(2rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.generator-information__hero{border-bottom:1px solid #b8ff9d2e;gap:2rem;padding-bottom:2rem;display:grid}.generator-information__header{min-width:0}.generator-information__eyebrow,.generator-information__number,.generator-information__stats,.generator-information__footer a{letter-spacing:0;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:800}.generator-information__eyebrow,.generator-information__number,.generator-information__footer a{color:#67df83}.generator-information__header h1,.generator-information__questions h2{color:#f0ffea;text-wrap:balance;margin:0;font-weight:750;line-height:1.08}.generator-information__header h1{max-width:56rem;margin-top:.75rem;font-size:clamp(2.4rem,6vw,4.75rem)}.generator-information__header p:not(.generator-information__eyebrow){color:#d8e7d6c2;max-width:46rem;margin:1rem 0 0;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.7}.generator-information__stats{color:#d8e7d694;border-top:1px solid #b8ff9d2e;border-bottom:1px solid #b8ff9d2e;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.generator-information__stats div{min-width:0;padding:1rem .85rem}.generator-information__stats div+div{border-left:1px solid #b8ff9d2e}.generator-information__stats dt,.generator-information__stats dd{margin:0}.generator-information__stats dd{color:#f0ffea;overflow-wrap:anywhere;margin-top:.3rem}.generator-information__features{border-bottom:1px solid #b8ff9d2e;display:grid}.generator-information__features section{min-width:0;padding:1.75rem 0}.generator-information__features section+section{border-top:1px solid #b8ff9d2e}.generator-information__number{margin:0}.generator-information__number--warning{color:#d7cf62}.generator-information__number--danger{color:#d96d62}.generator-information__features h2{color:#f0ffea;margin:.75rem 0 0;font-size:1.12rem;line-height:1.25}.generator-information__features p:not(.generator-information__number),.generator-information__questions dd{color:#d8e7d6a3;margin:.55rem 0 0;font-size:.95rem;line-height:1.65}.generator-information code{color:#f0ffea;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.generator-information__questions{flex:1;gap:1.5rem;padding:1.75rem 0;display:grid}.generator-information__questions h2{margin-top:.75rem;font-size:clamp(1.7rem,3vw,2.4rem)}.generator-information__questions dl{gap:1.5rem;margin:0;display:grid}.generator-information__questions div{min-width:0}.generator-information__questions dt{color:#f0ffea;font-weight:700}.generator-information__footer{color:#d8e7d6a3;border-top:1px solid #b8ff9d2e;flex-direction:column;gap:.85rem;padding-top:1.25rem;font-size:.95rem;display:flex}.generator-information__footer p{margin:0}.generator-information__footer span{color:#f0ffea;font-weight:700}.generator-information__footer a{text-underline-offset:4px;width:fit-content;text-decoration-color:#b8ff9d6b}.generator-information__footer a:hover{color:#9affb0}.generator-information__footer a:focus-visible{outline-offset:4px;outline:2px solid #67df83}@media (min-width:768px){.generator-information__features{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-information__features section{padding-right:1.75rem}.generator-information__features section+section{border-top:0;border-left:1px solid #b8ff9d2e;padding-left:1.75rem}.generator-information__questions dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.generator-information__footer{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1024px){.generator-information__hero{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);align-items:end}.generator-information__stats{border-top:0;border-bottom:0;border-left:1px solid #b8ff9d2e;grid-template-columns:1fr}.generator-information__stats div{padding:1rem 0 1rem 2rem}.generator-information__stats div+div{border-top:1px solid #b8ff9d2e;border-left:0}.generator-information__questions{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:3rem}}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.app-shell{background-image:url(/images/bg-frame-black-and-white-1920x1080.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative;overflow:hidden}.background-video{z-index:0;object-fit:cover;object-position:center center;opacity:0;pointer-events:none;will-change:opacity;width:100vw;height:100vh;display:block;position:fixed;inset:0;transform:translateZ(0)}.background-video-active{z-index:1;opacity:1}.background-video-exiting{z-index:2;opacity:1}.background-video-exiting-fade{opacity:0}.monitor-interface{z-index:3;place-items:center;width:min(63vw,1180px);height:min(38vh,390px);padding:clamp(16px,2.4vw,38px);display:grid;position:fixed;top:44%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.password-section{text-align:left;width:min(920px,100%);height:100%;max-height:100%;box-shadow:none;filter:drop-shadow(0 0 16px #5dff7c14);background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(116px,.64fr) minmax(0,2.6fr) minmax(84px,.5fr);align-items:stretch;gap:clamp(32px,3vh,34px) clamp(12px,2vw,28px);padding:clamp(10px,1.7vw,20px);display:grid;position:relative;overflow:visible}.password-section[data-screen-effect=stampede-shake]{transform-origin:50%;will-change:transform;animation:2s linear .5s stampede-screen-shake}.password-section[data-actions-hidden=true] .character-menu,.password-section[data-actions-hidden=true] .length-panel,.password-section[data-actions-hidden=true] .password-actions{opacity:.18}.settings-panel{display:contents}.password-core{z-index:1;pointer-events:none;text-align:center;mix-blend-mode:difference;grid-area:2/2;grid-template-rows:minmax(0,1fr) auto;align-self:stretch;place-items:stretch center;gap:clamp(8px,1.3vh,14px);min-width:0;height:100%;display:grid;position:relative;overflow:visible}.password-actions{pointer-events:auto;transition:opacity .5s;transform:translateY(-40px)}.password-section[data-actions-hidden=true] .password-actions{pointer-events:auto}.character-menu,.length-panel{z-index:2;grid-row:2;align-self:start;position:relative}.character-menu{grid-column:1}.length-panel{grid-column:3}.generator-header{z-index:4;grid-area:1/1/auto/-1;grid-template-columns:minmax(116px,.64fr) minmax(0,2.6fr) minmax(84px,.5fr);align-items:center;column-gap:clamp(12px,2vw,28px);display:grid;position:relative}.audio-controls{grid-area:1/1/auto/3;place-self:center start;align-items:center;gap:24px;transition:opacity .5s;display:inline-flex}.audio-toggle,.audio-play-toggle,.mobile-controls-toggle{width:24px;height:24px;color:var(--screen-ink);filter:drop-shadow(0 0 8px #5dff7c57);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.audio-toggle:hover,.audio-play-toggle:hover,.mobile-controls-toggle:hover{color:var(--screen-hot)}.audio-toggle[aria-pressed=false],.audio-play-toggle[aria-pressed=false]{color:var(--screen-muted)}.mobile-controls-toggle{display:none}.mobile-controls-icon-stack{place-items:center;display:grid}.mobile-controls-icon{grid-area:1/1;transition:opacity .22s,transform .22s}.mobile-controls-icon-close{opacity:0;transform:rotate(-90deg)scale(.7)}.mobile-controls-toggle[aria-expanded=true] .mobile-controls-icon-menu{opacity:0;transform:rotate(90deg)scale(.7)}.mobile-controls-toggle[aria-expanded=true] .mobile-controls-icon-close{opacity:1;transform:rotate(0)scale(1)}.background-volume-control{place-items:center;width:58px;height:24px;display:inline-grid}.background-volume-control span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.background-volume-control input[type=range]{width:58px;height:14px;accent-color:var(--screen-ink);filter:drop-shadow(0 0 8px #5dff7c33);margin:0}.desktop-video-selector{min-width:0;position:relative}.terminal-video-trigger{min-width:0;min-height:28px;color:var(--screen-muted);letter-spacing:0;text-align:left;text-transform:lowercase;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.62rem,.9vw,.78rem);font-weight:800;line-height:1;display:inline-flex}.terminal-video-trigger:not(:disabled):hover,.terminal-video-trigger[aria-expanded=true]{color:var(--screen-hot);text-shadow:0 0 10px #5dff7c47}.terminal-video-trigger:disabled{opacity:.42}.terminal-video-prefix{color:var(--screen-muted)}.terminal-video-chevron{flex:none;transition:transform .18s}.terminal-video-trigger[aria-expanded=true] .terminal-video-chevron{transform:rotate(180deg)}.video-selector-menu{z-index:20;width:max-content;color:var(--screen-ink);opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;background:#030e05f0;border:1px solid #b8ff9d2e;padding:16px 24px;transition:opacity .14s ease-in,transform .14s ease-in,visibility 0s linear .14s;position:absolute;top:calc(100% + 8px);left:50px;transform:translateY(-6px)scale(.98);box-shadow:inset 0 0 18px #b8ff9d0f,0 12px 28px #00000061}.video-selector-menu[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease-out,transform .18s ease-out,visibility linear;transform:translate(0,0)scale(1)}.video-option-list{color:var(--screen-ink);border:0;gap:7px;margin:0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:grid}.video-option-list legend{color:var(--screen-muted);letter-spacing:0;margin-bottom:4px;font-size:clamp(.62rem,.9vw,.78rem);font-weight:800}.video-option{color:#b8ff9d6b;font-size:14px font-weight: 900;cursor:pointer;padding-top:8px;display:flex}.video-option-input{opacity:0;pointer-events:none;position:absolute}.video-option-input:checked~.video-option-name{color:var(--screen-hot);text-shadow:0 0 10px #5dff7c52}.video-option-input:focus-visible~.video-option-name{outline:3px solid var(--focus);outline-offset:2px}.video-option-list:disabled .video-option{cursor:not-allowed}.video-selector-menu .video-option{white-space:nowrap;border:1px solid #0000;width:100%;min-height:24px;font-size:14px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s}.video-selector-menu .video-option:hover{color:var(--screen-hot)}.video-option-name{overflow-wrap:anywhere;text-transform:capitalize;min-width:0}.strength-indicator{z-index:4;color:var(--screen-muted);letter-spacing:0;text-transform:capitalize;white-space:nowrap;grid-area:1/3;justify-content:flex-end;place-self:center end;align-items:center;gap:7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.62rem,.9vw,.78rem);font-weight:800;line-height:1;display:inline-flex;position:relative}.strength-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 10px}.strength-indicator-green .strength-status-dot{color:#83d66f;background:#83d66f}.strength-indicator-yellow .strength-status-dot{color:#d7cf62;background:#d7cf62}.strength-indicator-red .strength-status-dot{color:#d96d62;background:#d96d62}.strength-indicator-neutral .strength-status-dot{color:#b8ff9d57;background:#b8ff9d57}.password-text{--password-font-size:clamp(.72rem, 3.222vw, 5.1rem);width:100%;max-width:100%;height:auto;min-height:1em;color:var(--screen-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--password-font-size);letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-wrap:nowrap;text-shadow:0 0 6px #b8ff9d7a,0 0 18px #40ff6947;transform-origin:50%;justify-content:center;align-self:center;align-items:baseline;margin:0;line-height:1.06;transition:color .3s .14s,text-shadow .3s .14s,transform .5s .14s;display:flex;overflow:visible;transform:translateY(0)scale(1)}.password-section[data-password-active=true] .password-text{transition-delay:0s;transform:translateY(-40px)scale(1.08)}.password-value{min-width:0;max-width:100%;line-height:inherit;text-overflow:unset;overflow-wrap:normal;margin-bottom:32px;display:inline-block;overflow:visible}.password-text-medium,.password-text-long{font-size:var(--password-font-size)}.password-text-typing{color:#d3f5c5;text-shadow:0 0 5px #b8ff9d6b,0 0 14px #40ff693d}.terminal-cursor{background:#d3f5c5d6;flex:none;align-self:baseline;width:.12rem;height:1.35rem;margin-left:.32rem;animation:.62s step-end infinite terminal-caret;display:inline-block;transform:translateY(-.05rem);box-shadow:0 0 10px #5dff7c3d}.password-actions{z-index:3;justify-content:center;align-self:end;align-items:center;gap:10px;min-height:36px;display:inline-flex;position:relative}.control-note{color:var(--screen-muted);margin:0}.icon-button{width:34px;height:34px;color:var(--screen-ink);border:1px solid var(--screen-line);background:#0000001f;border-radius:2px;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #b8ff9d14,0 0 14px #5dff7c14}.icon-button:not(:disabled):hover{background:var(--screen-fill-strong)}.tooltip-content{z-index:30;max-width:min(220px,100vw - 32px);color:var(--screen-hot);text-align:center;text-wrap:balance;overflow-wrap:break-word;-webkit-user-select:none;user-select:none;transform-origin:var(--radix-tooltip-content-transform-origin);background:#050e06f5;border:1px solid #b8ff9d75;border-radius:2px;padding:6px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:800;line-height:1.2;animation:.12s ease-out tooltip-fade-in;box-shadow:0 10px 24px #00000047,0 0 18px #5dff7c29}.tooltip-arrow{fill:#050e06f5}.icon-button:disabled,.generate-button:disabled{opacity:.42}.password-section[data-actions-hidden=true] .password-actions .icon-button:disabled,.password-section[data-actions-hidden=true] .password-actions .generate-button:disabled{opacity:1;cursor:not-allowed}.character-menu{color:var(--screen-ink);border:0;gap:7px;margin:0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;transition:opacity .5s;display:grid}.character-menu:disabled,.length-panel[data-disabled=true]{pointer-events:none}.character-menu legend{color:var(--screen-muted);letter-spacing:0;margin-bottom:16px;font-size:clamp(.66rem,.95vw,.78rem);font-weight:800}.character-row{color:#b8ff9d6b;grid-template-columns:16px 1fr;align-items:center;gap:6px;min-height:28px;padding-left:4px;font-size:clamp(.72rem,1.05vw,.96rem);font-weight:900;display:grid;position:relative}.character-row:hover{cursor:pointer}.character-row input{opacity:0;pointer-events:none;position:absolute}.character-caret{color:#0000;text-shadow:none}.character-row input:checked~.character-caret,.character-row input:checked~span:last-child{color:var(--screen-hot);text-shadow:0 0 10px #5dff7c52}.character-row input:focus-visible~span,.audio-toggle:focus-visible,.audio-play-toggle:focus-visible,.background-volume-control input:focus-visible,.mobile-controls-toggle:focus-visible,.terminal-video-trigger:focus-visible,.length-tick:focus-visible,.icon-button:focus-visible,.generate-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.length-panel{height:min(198px,22vh);color:var(--screen-ink);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:42px 30px;place-content:center end;gap:10px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;transition:opacity .5s;display:grid}.range-control{color:var(--screen-muted);font-size:clamp(.66rem,.95vw,.78rem);font-weight:800;display:contents}.range-control>span{grid-area:1/1/auto/-1;justify-self:end;margin-bottom:12px}.range-control strong{color:var(--screen-hot);grid-area:3/2;justify-self:center;line-height:1}input[type=range]{width:100%;accent-color:var(--screen-ink)}.length-scale{height:100%;color:var(--screen-muted);border-right:1px solid var(--screen-line);grid-area:2/1;padding:0;font-size:clamp(.68rem,.9vw,.8rem);font-weight:900;line-height:1;position:relative}.length-tick{appearance:none;right:0;bottom:var(--tick-percent);width:42px;min-height:28px;color:inherit;font:inherit;letter-spacing:0;text-align:right;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0 12px 0 0;line-height:1;display:inline-flex;position:absolute;transform:translateY(50%)}.length-tick:hover{color:var(--screen-hot);text-shadow:0 0 10px #5dff7c47}.length-tick:disabled{cursor:not-allowed}.length-tick:before{content:"";background:var(--screen-line);width:8px;height:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.length-slider{--length-percent:25%;grid-area:2/2;place-items:center;width:30px;height:100%;min-height:0;display:grid;position:relative}.length-slider input[type=range]{z-index:2;appearance:none;opacity:0;cursor:pointer;writing-mode:vertical-lr;direction:rtl;width:100%;height:100%;margin:0;position:absolute;inset:0}.length-track{background:linear-gradient(#afe1916b,#78ac623d 48%,#48704229);border-radius:0;width:10px;position:absolute;top:0;bottom:0;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 0 0 1px #b8ff9d0d,0 0 10px #5dff7c0d}.length-fill{height:var(--length-percent);background:linear-gradient(#92cc7657,#5a984e61);position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #5dff7c1f}.length-thumb{left:50%;bottom:var(--length-percent);cursor:grab;background:#9dd484;border-radius:0;width:30px;height:5px;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 10px #5dff7c33}.control-note{font-size:.78rem;font-weight:800}.generate-button{min-height:34px;color:var(--screen-hot);border:1px solid var(--screen-line);text-transform:uppercase;background:linear-gradient(#b8ff9d33,#0c361242),#00000029;border-radius:2px;justify-content:center;align-items:center;gap:8px;font-size:clamp(.78rem,1.25vw,.92rem);font-weight:900;display:inline-flex;box-shadow:inset 0 0 16px #b8ff9d1f,0 0 16px #5dff7c1f}.generate-button:not(:disabled):hover{background:linear-gradient(#b8ff9d52,#0c361257),#0003}@keyframes terminal-caret{50%{opacity:0}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes stampede-screen-shake{0%{transform:translate(-2px,1px)rotate(-.8deg)}8%{transform:translate(3px,-2px)rotate(1.8deg)}21%{transform:translate(-4px,2px)rotate(-1.9deg)}29%{transform:translate(3px,-2px)rotate(1.8deg)}38%{transform:translate(-3px,2px)rotate(-1.3deg)}46%{transform:translate(2px,-1px)rotate(.8deg)}54%{transform:translate(-2px,1px)rotate(-.8deg)}63%{transform:translate(3px,-2px)rotate(1.3deg)}71%{transform:translate(-2px,1px)rotate(-.8deg)}83%{transform:translate(2px,-1px)rotate(1.3deg)}92%{transform:translate(-1px,1px)rotate(-.5deg)}to{transform:translate(0,0)rotate(0)}}@media (prefers-reduced-motion:reduce){.home-scenes__track,.home-scenes__skip-link,.background-fallback,.background-video,.audio-controls,.character-menu,.length-panel,.password-actions,.password-text,.terminal-video-chevron,.video-selector-menu{transition:none}.terminal-cursor,.tooltip-content{animation:none}.password-section[data-screen-effect=stampede-shake]{will-change:auto;animation:none}.home-scenes__track{will-change:auto;transition-duration:1ms}}@media (max-width:1280px){.monitor-interface{width:88vw;top:45%}}@media (max-width:680px){.background-fallback{background-position:var(--mobile-video-position,center center)}.background-video{object-position:var(--mobile-video-position,center center);transition:filter .25s,transform .25s}.app-shell[data-mobile-controls-open=true] .background-fallback,.app-shell[data-mobile-controls-open=true] .background-video-active,.app-shell[data-mobile-controls-open=true] .background-video-exiting{filter:blur(4px);transform:scale(1.04)translateZ(0)}.monitor-interface{top:max(16px, env(safe-area-inset-top));align-items:stretch;width:100vw;height:100dvh;padding:0;left:0;overflow:visible;transform:none}.password-section{text-align:center;filter:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:stretch;row-gap:8px;padding:0}.generator-header,.password-core,.settings-panel{grid-area:auto/1}.password-core{pointer-events:auto;grid-row:2;grid-template-rows:minmax(82px,auto) auto;justify-content:center;place-self:center;justify-items:center;gap:4px;width:calc(100vw - 24px);height:auto;min-height:170px;padding-bottom:0;transition:filter .25s,transform .25s;transform:translateY(-100px)}.password-section[data-mobile-controls-open=true] .password-core{filter:blur(14px)}.generator-header{width:100vw;padding:0 max(32px, env(safe-area-inset-right)) 0 max(32px, env(safe-area-inset-left));z-index:10;grid-template-columns:24px auto minmax(0,1fr) 36px;place-items:center stretch;column-gap:12px}.audio-controls{grid-column:1;justify-self:start;gap:0}.desktop-video-selector{display:none}.mobile-controls-toggle{border:1px solid var(--screen-line);background:#0000001f;grid-column:4;justify-self:end;width:36px;height:36px;display:inline-grid;box-shadow:0 0 12px #5dff7c1a}.password-text{margin-bottom:0;position:static}.password-section[data-password-active=true] .password-text{transform:translateY(-24px)scale(1.05)}.password-value{margin-bottom:0}.password-actions{gap:8px;min-height:38px;transform:translateY(0)}.generate-button{min-height:38px;padding:0 12px;font-size:.78rem}.icon-button{width:38px;height:38px}.settings-panel{z-index:8;padding:calc(max(16px, env(safe-area-inset-top)) + 76px) max(32px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));color:var(--screen-ink);box-shadow:none;overscroll-behavior:contain;background:#030e05c7;border:0;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-content:start;align-items:start;gap:32px 28px;display:none;position:fixed;inset:0;overflow-y:auto}.password-section[data-mobile-controls-open=true] .settings-panel{display:grid}.strength-indicator{color:var(--screen-muted);grid-area:1/1/auto/-1;justify-self:start;font-size:16px}.character-menu{grid-area:2/1;grid-template-columns:1fr;gap:24px;width:100%}.character-menu legend{text-align:left;grid-column:1/-1;font-size:16px}.character-row{background:#00000029;border:1px solid #b8ff9d2e;grid-template-columns:16px 1fr;min-height:44px;padding:0 10px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}.character-row:hover{color:var(--screen-hot);background:#1c50203d;border-color:#b8ff9d6b;box-shadow:0 0 14px #5dff7c1f}.character-row-active{background:#2362274d;border-color:#b8ff9dc7;box-shadow:inset 0 0 14px #b8ff9d1f,0 0 18px #5dff7c38}.length-panel{justify-content:center;justify-self:end;justify-items:initial;grid-area:2/2;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:42px 30px;row-gap:10px;width:auto;height:min(304px,100dvh - 188px)}.range-control>span{grid-area:1/1;justify-self:start;padding-left:14px}.length-slider{grid-area:2/2;width:30px;height:100%;min-height:0}.range-control strong{grid-area:3/2;justify-self:center;font-size:1rem}.length-slider input[type=range]{writing-mode:vertical-lr;direction:rtl}.length-track{width:10px;height:auto;inset:0 auto 0 50%;transform:translate(-50%)}.length-fill{width:auto;height:var(--length-percent);top:auto;bottom:0;right:0}.length-thumb{top:auto;bottom:auto;left:50%;bottom:var(--length-percent);width:30px;height:5px;transform:translate(-50%,50%)}.length-scale{grid-area:2/1;font-size:14px;display:block}.range-control{font-size:16px}}