.bottom-left{align-items:center}.speed-control{display:flex;align-items:center;gap:12px;white-space:nowrap;opacity:.82}.speed-control input{appearance:none;width:112px;height:20px;background:transparent;cursor:pointer;color:inherit}.speed-control input::-webkit-slider-runnable-track{height:1px;background:currentColor;opacity:.5}.speed-control input::-webkit-slider-thumb{appearance:none;height:6px;width:6px;background:currentColor;border-radius:50%;margin-top:-2.5px}.speed-control input::-moz-range-track{height:1px;background:currentColor}.speed-control input::-moz-range-thumb{height:6px;width:6px;border:0;background:currentColor}@media(max-width:700px){.speed-control input{width:82px}.speed-control{gap:7px}}.ambient-background{position:fixed;inset:0;z-index:0;pointer-events:none}.ambient-background canvas{display:block;width:100%!important;height:100%!important}.upload,.controls,.stage{z-index:1}:root{--font-ui:"Courier New",Courier,monospace;font-family:var(--font-ui);color:#111;font-synthesis:none;font-weight:400;background:#fff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}body{margin:0}button,input{font:inherit}button{border:0;background:none;color:inherit;letter-spacing:.1em;padding:10px 8px;cursor:pointer;font-weight:400}button:disabled{cursor:default;opacity:.3}button:focus-visible,input:focus-visible{outline:1px solid currentColor;outline-offset:5px}button:hover{opacity:1}small{font-size:12px;letter-spacing:.06em;opacity:.55}.app{width:100vw;height:100dvh;min-height:440px;overflow:hidden;position:relative;display:block;background:#fff;color:#111;font-size:13px;letter-spacing:.1em}.stage{position:fixed;inset:0;width:100vw;height:100dvh;touch-action:none}.stage canvas{display:block;width:100%!important;height:100%!important}.controls button{transition:opacity .2s}.top-left,.backgrounds,.layouts,.bottom-left,.parameter,.save{position:absolute;z-index:2}.top-left{top:25px;left:30px;display:flex;align-items:center;gap:12px}.layouts{left:50%;top:25px;transform:translate(-50%);display:flex;gap:22px;white-space:nowrap}.layouts button,.backgrounds button{opacity:.48;position:relative}.layouts .active,.backgrounds .active{opacity:1}.layouts .active:after{content:"";height:1px;width:17px;background:currentColor;position:absolute;bottom:1px;left:50%;transform:translate(-50%);opacity:.6}.backgrounds{top:25px;right:30px;display:flex;gap:12px}.bottom-left{bottom:25px;left:30px;display:flex;gap:15px}.parameter{bottom:29px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap}.parameter input{appearance:none;width:112px;height:20px;background:transparent;cursor:pointer;color:inherit}.parameter input::-webkit-slider-runnable-track{height:1px;background:currentColor;opacity:.5}.parameter input::-webkit-slider-thumb{appearance:none;height:6px;width:6px;background:currentColor;border-radius:50%;margin-top:-2.5px}.parameter input::-moz-range-track{height:1px;background:currentColor}.parameter input::-moz-range-thumb{height:6px;width:6px;border:0;background:currentColor}.save{bottom:25px;right:38px}.upload{width:min(760px,86vw);height:80svh;display:grid;place-items:center}.upload-center{text-align:center;display:flex;flex-direction:column;gap:9px;transform:translateY(-12px)}.upload-center button{font-size:15px}.upload-center small{font-size:11px}.thumbnails{width:100%;max-height:65svh;overflow:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-self:center;padding:10px;scrollbar-width:thin}.thumbnail{position:relative;aspect-ratio:1;display:grid;place-items:center}.thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.remove{position:absolute;top:-12px;right:-12px;opacity:0;color:inherit;font-size:19px;padding:3px;line-height:1}.thumbnail:hover .remove,.remove:focus-visible{opacity:1}.upload-footer{position:absolute;bottom:7svh;display:flex;gap:34px;align-items:center}.upload-footer span{font-size:12px;opacity:.65}.muted{opacity:.3}.save-overlay{position:absolute;inset:0;z-index:4;background:#17152e26;display:grid;place-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.save-choices{display:flex;gap:55px}.save-choices button{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px;font-size:15px}.save-choices small{font-size:11px}.message,.export-status{position:absolute;bottom:90px;left:50%;transform:translate(-50%);font-size:12px;z-index:7;white-space:nowrap}.export-status{bottom:35px}.invisible{visibility:hidden}@media(max-width:700px){.app{min-height:400px}.top-left{top:16px;left:14px;gap:5px}.backgrounds{right:14px;top:16px;gap:6px}.layouts{top:68px;gap:20px}.bottom-left{left:12px;bottom:18px;gap:4px}.save{right:16px;bottom:18px}.parameter{bottom:72px;gap:18px}.thumbnails{grid-template-columns:repeat(4,1fr);gap:14px}.remove{opacity:.7}.upload-footer{bottom:8svh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:370px){.layouts{gap:10px}.top-left small{display:none}}.scene-error{height:100%;display:grid;place-items:center;font-size:12px}.app{background:var(--stage-background,#fff)!important;color:var(--ui-color,#111);transition:color .55s ease}.app[data-background=galaxy]{--ui-color:#FFF8E8;--stage-background:#09090D;text-shadow:0 1px 3px #000}.app[data-background=petal]{--ui-color:#514A42;--stage-background:#F3EEE5;text-shadow:0 1px 1px rgb(255 255 255 / .6)}.app[data-background=ocean]{--ui-color:#164A55;--stage-background:#E8F4F1;text-shadow:0 1px 1px rgb(255 255 255 / .55)}.app[data-background=halo]{--ui-color:#2E405D;--stage-background:#E2E8F2;text-shadow:0 1px 1px rgb(255 255 255 / .55)}.app[data-background=sonata]{--ui-color:#60364A;--stage-background:#F4E5E8;text-shadow:0 1px 1px rgb(255 255 255 / .55)}.app[data-background=stardust]{--ui-color:#FFF8F0;--stage-background:#5D7DA5;text-shadow:0 1px 3px #263E5D}.layouts button:not(.active),.backgrounds button:not(.active){opacity:.76}.app small{opacity:.82}.backgrounds .active:after{content:"";height:1px;width:17px;background:currentColor;position:absolute;bottom:1px;left:50%;transform:translate(-50%);opacity:.6}.backgrounds{z-index:3}.upload{position:relative;z-index:1}@media(max-width:1000px)and (min-width:701px){.top-left{top:18px;left:18px}.backgrounds{top:18px;right:18px;gap:5px}.backgrounds button{padding:10px 5px}.layouts{top:68px}}@media(max-width:700px){.backgrounds{top:50px;left:12px;right:12px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:3px}.backgrounds::-webkit-scrollbar{display:none}.backgrounds button{flex:0 0 auto;padding:10px 7px}.layouts{top:94px;gap:16px}}:root{--font-ui:"Courier Prime","American Typewriter","Courier New",Courier,monospace}