html,body{height:100%;margin:0}body{color:#89a;box-sizing:border-box;background:linear-gradient(#090006,#000,#000206);justify-content:center;align-items:center;gap:1.5rem;padding:1rem;font-family:monospace;display:flex}.container{text-align:center;display:inline-block;position:relative}.screen-frame{line-height:0;display:inline-block;position:relative}#screen{width:60vmax;max-width:90vmin;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;background:#000;box-shadow:0 0 1.5rem #000}.shutter{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shutter:before,.shutter:after{content:"";background:#000;height:50%;position:absolute;left:0;right:0;transform:scaleY(0)}.shutter:before{transform-origin:top;top:0}.shutter:after{transform-origin:bottom;bottom:0}.shutter.flash:before,.shutter.flash:after{animation:.18s ease-out shutter-blink}@keyframes shutter-blink{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0)}}.seed-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.75rem;font-family:monospace;font-size:.85rem;display:flex}.seed-bar label{color:#89a}.seed-bar input{color:#cde;background:#111;border:1px solid #334;width:9rem;padding:.25rem .4rem;font-family:monospace;font-size:.85rem}.seed-bar button{color:#cde;cursor:pointer;background:#1a1a22;border:1px solid #334;padding:.25rem .6rem;font-family:monospace;font-size:.85rem}.seed-bar button:hover{background-color:#23232c;border-color:#556}.menu-wrap{display:inline-flex;position:relative}.menu-button{width:1.8rem;min-height:calc(1.52rem + 2px);padding-left:0;padding-right:0;position:relative}.menu-button:before,.menu-button:after{content:"";background:currentColor;width:.8rem;height:1px;position:absolute;top:50%;left:50%}.menu-button[aria-expanded=false]{background-image:linear-gradient(currentColor 0 1px,#0000 1px 5px,currentColor 5px 6px,#0000 6px 10px,currentColor 10px 11px);background-position:50%;background-repeat:no-repeat;background-size:13px 11px}.menu-button[aria-expanded=false]:before,.menu-button[aria-expanded=false]:after{display:none}.menu-button[aria-expanded=true]:before{box-shadow:none;transform:translate(-50%,-50%)rotate(45deg)}.menu-button[aria-expanded=true]:after{transform:translate(-50%,-50%)rotate(-45deg)}.menu-panel{z-index:50;text-align:left;background:#0a0a10;border:1px solid #334;flex-direction:column;gap:.35rem;min-width:16rem;padding:.6rem;display:flex;position:absolute;bottom:calc(100% + .35rem);right:0;box-shadow:0 .4rem 1rem #0009}.menu-panel button{text-align:left;width:100%}.menu-panel label{color:#89a}.menu-panel .brightness-value{color:#cde;margin-left:auto;font-size:.8rem}.menu-slider{accent-color:#4c7;width:100%}.menu-panel .link-button{color:#89a;background:0 0;border:none;width:auto;padding:0 .25rem;font-size:.75rem;text-decoration:underline}.menu-panel .link-button:hover{color:#cde;background:0 0}.menu-row{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.menu-divider{background:#223;height:1px;margin:.2rem 0}.gallery{color:#89a;flex-direction:column;width:14rem;max-height:90vh;font-family:monospace;font-size:.8rem;display:flex}.gallery-header{border-bottom:1px solid #223;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 .25rem .5rem;display:flex}.gallery-header h2{color:#cde;letter-spacing:.05em;margin:0;font-size:.9rem;font-weight:400}.gallery-header .count{color:#556;font-size:.75rem}.gallery-empty{color:#556;padding:.5rem .25rem;line-height:1.4}.gallery-list{flex-direction:column;gap:.5rem;padding-right:.25rem;display:flex;overflow-y:auto}.gallery-item{cursor:pointer;background:#0a0a10;border:1px solid #223;flex-direction:column;gap:.35rem;padding:.35rem;transition:border-color .1s;display:flex;position:relative}.gallery-item:hover{border-color:#556}.gallery-item img{width:100%;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid #111;display:block}.gallery-item .meta{color:#556;justify-content:space-between;font-size:.7rem;display:flex}.gallery-item .seed-tag{color:#89a}.gallery-item .current-mark{color:#4a7}.gallery-item .del{color:#889;cursor:pointer;background:#0009;border:none;padding:0 .3rem;font-family:monospace;font-size:.85rem;line-height:1.2;position:absolute;top:.15rem;right:.25rem}.gallery-item .del:hover{color:#d77}.gallery-actions{gap:.4rem;margin-top:.5rem;display:flex}.gallery-actions button{color:#cde;cursor:pointer;background:#1a1a22;border:1px solid #334;flex:1;padding:.25rem .4rem;font-family:monospace;font-size:.75rem}.gallery-actions button:hover{background:#23232c;border-color:#556}.instructions{color:#556;font-size:.8rem}.app-dialog{color:#cde;background:#0a0a10;border:1px solid #334;min-width:18rem;max-width:90vw;padding:0;font-family:monospace;font-size:.85rem;box-shadow:0 0 1.5rem #000}.app-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c}.app-dialog .dialog-message{color:#cde;border-bottom:1px solid #223;margin:0;padding:1rem 1.25rem}.app-dialog .dialog-actions{justify-content:flex-end;gap:.4rem;padding:.6rem .8rem;display:flex}.app-dialog button{color:#cde;cursor:pointer;background:#1a1a22;border:1px solid #334;padding:.3rem .9rem;font-family:monospace;font-size:.8rem}.app-dialog button:hover{background:#23232c;border-color:#556}.app-dialog .dialog-ok{color:#def;background:#1f2a3a;border-color:#3a5}.app-dialog .dialog-ok:hover{background:#25334a;border-color:#4c7}[x-cloak]{display:none!important}:is(:fullscreen .instructions,:fullscreen .seed-bar){display:none}:fullscreen{background:#000}:fullscreen #screen{width:95vmin;max-width:95vmin}:fullscreen .gallery{max-height:95vh}.toast{color:#cde;pointer-events:none;z-index:100;background:#0a0a10;border:1px solid #3a5;padding:.75rem 1.25rem;font-family:monospace;font-size:.95rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1.5rem #000000b3}