*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.image-uploader{position:fixed;bottom:34px;left:50%;z-index:20;display:flex;flex-direction:column;align-items:center;gap:14px;transform:translate(-50%);color:#f7f1df;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;pointer-events:none}.image-uploader__actions{display:flex;align-items:center;justify-content:center;gap:clamp(28px,6vw,92px)}.image-uploader__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.pixel-upload-button{--pixel-ink: #171717;--pixel-paper: #f3e9c9;--pixel-glow: rgba(255, 246, 211, .25);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:120px;min-height:54px;padding:13px 14px;border:3px solid var(--pixel-ink);border-radius:0;background:var(--pixel-paper);color:var(--pixel-ink);box-shadow:0 0 0 2px var(--pixel-paper),0 0 0 4px var(--pixel-ink),6px 6px 0 2px #000000e6,0 0 24px 3px var(--pixel-glow);font:700 15px/1 SFMono-Regular,Consolas,Liberation Mono,monospace;letter-spacing:.08em;cursor:pointer;pointer-events:auto;image-rendering:pixelated;transition:transform 80ms steps(1),box-shadow 80ms steps(1),background 80ms steps(1)}.pixel-upload-button:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(var(--pixel-paper),var(--pixel-paper)) left top / 4px 4px no-repeat,linear-gradient(var(--pixel-paper),var(--pixel-paper)) right top / 4px 4px no-repeat,linear-gradient(var(--pixel-paper),var(--pixel-paper)) left bottom / 4px 4px no-repeat,linear-gradient(var(--pixel-paper),var(--pixel-paper)) right bottom / 4px 4px no-repeat;pointer-events:none}.pixel-upload-button:hover{background:#fff8df}.pixel-upload-button:active{transform:translate(4px,4px);box-shadow:0 0 0 2px var(--pixel-paper),0 0 0 4px var(--pixel-ink),2px 2px 0 2px #000000e6}.pixel-upload-button:focus-visible{outline:3px solid #ffdd55;outline-offset:7px}.pixel-upload-button:disabled{color:#6d695e;cursor:wait}.pixel-upload-button__icon{width:18px;height:18px;fill:currentColor;shape-rendering:crispEdges}.image-uploader__status{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);max-width:min(260px,calc(100vw - 48px));padding:5px 7px;background:#171717c7;color:#d8d2c1;font-size:10px;line-height:1.4;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transition:opacity .12s steps(1)}.image-uploader[data-state=idle] .image-uploader__status{opacity:0}.image-uploader[data-state=success] .image-uploader__status{color:#a9f7bd}.image-uploader[data-state=error] .image-uploader__status{color:#ff9c93}@media(max-width:600px){.image-uploader{bottom:24px;width:calc(100vw - 32px)}.image-uploader__actions{width:100%;gap:clamp(36px,6vw,92px)}.pixel-upload-button{flex:0 0 auto;min-width:120px;min-height:46px;padding:10px 8px;font-size:12px}}@media(prefers-reduced-motion:reduce){.pixel-upload-button,.image-uploader__status{transition:none}}