.viewer[data-v-a9a4453c]{cursor:grab;position:absolute;inset:0}.viewer[data-v-a9a4453c]:active{cursor:grabbing}.viewer.pixel[data-v-a9a4453c] canvas{image-rendering:pixelated}.viewer[data-v-a9a4453c] canvas{display:block}.loader[data-v-56c00615]{pointer-events:none;background:radial-gradient(circle at 50% 40%,#1d1c2bf2 0%,#16161fea 50%,#16161fd9 100%);place-content:center;justify-items:center;gap:12px;animation:.35s ease-out both fade-in-56c00615;display:grid;position:absolute;inset:0}@keyframes fade-in-56c00615{0%{opacity:0}}.scene[data-v-56c00615]{aspect-ratio:4/3;width:min(504px,90vw);image-rendering:pixelated;margin-bottom:-18px}.label[data-v-56c00615]{color:var(--acc);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0 var(--red);margin:0;font:16px Silkscreen,monospace}.dots[data-v-56c00615]:after{content:"...";vertical-align:bottom;width:0;animation:1.2s steps(4,end) infinite dots-56c00615;display:inline-block;overflow:hidden}@keyframes dots-56c00615{to{width:4ch}}.bar[data-v-56c00615]{background:var(--line);gap:3px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #262438}.bar i[data-v-56c00615]{background:#262438;width:10px;height:12px;transition:background .3s,box-shadow .3s}.bar i.on[data-v-56c00615]{background:var(--acc);box-shadow:inset 0 -3px #e39a3b,inset 0 3px #fff0c4}.bar i.now[data-v-56c00615]{animation:1s ease-in-out infinite glow-56c00615}@keyframes glow-56c00615{50%{background:#ef7d57aa}}.shine[data-v-56c00615]{background:linear-gradient(90deg,#0000,#fff3,#0000);width:40%;animation:1.8s ease-in-out infinite shine-56c00615;position:absolute;inset:0}@keyframes shine-56c00615{0%{transform:translate(-110%)}to{transform:translate(260%)}}.meta[data-v-56c00615]{color:var(--dim);margin:0;font-size:13px}.meta span[data-v-56c00615]{color:var(--ink);font-variant-numeric:tabular-nums}.swap-enter-active[data-v-56c00615],.swap-leave-active[data-v-56c00615]{transition:opacity .25s,transform .25s}.swap-enter-from[data-v-56c00615]{opacity:0;transform:translateY(6px)}.swap-leave-to[data-v-56c00615]{opacity:0;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.shine[data-v-56c00615],.bar i.now[data-v-56c00615],.dots[data-v-56c00615]:after{animation:none}}:root{--bg:#16161f;--bg2:#1d1c2b;--panel:#262438;--line:#09090f;--ink:#f4f4f4;--dim:#8b89a6;--acc:#ffcd75;--acc2:#ef7d57;--red:#b13e53;--mint:#a7f070;--px:4px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);background-image:radial-gradient(var(--bg2) 1.5px, transparent 1.5px);color:var(--ink);-webkit-font-smoothing:none;background-size:16px 16px;font:16px/1.3 Pixelify Sans,ui-monospace,monospace;overflow:hidden}button,input{font:inherit;color:inherit}main[data-v-d975b8f6]{position:fixed;inset:0}.px[data-v-d975b8f6]{background:var(--panel);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--line), 0 var(--px) 0 0 var(--line), calc(-1 * var(--px)) 0 0 0 var(--line), var(--px) 0 0 0 var(--line), inset 0 var(--px) 0 0 #ffffff14, inset 0 calc(-1 * var(--px)) 0 0 #00000059}header[data-v-d975b8f6]{pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:28px}.logo[data-v-d975b8f6]{width:40px;height:40px}h1[data-v-d975b8f6]{letter-spacing:2px;text-shadow:3px 3px 0 var(--red);margin:0;font:28px/1 Silkscreen,monospace}header p[data-v-d975b8f6]{color:var(--dim);margin:4px 0 0;font-size:13px}.empty[data-v-d975b8f6]{text-align:center;pointer-events:none;place-content:center;gap:16px;display:grid;position:absolute;inset:0}.empty p[data-v-d975b8f6]{color:var(--dim);margin:0;font-size:18px}.demos[data-v-d975b8f6]{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.demos span[data-v-d975b8f6]{color:var(--dim);font:12px Silkscreen,monospace}.chip[data-v-d975b8f6]{text-transform:uppercase;background:var(--bg2);cursor:pointer;box-shadow:0 -2px 0 var(--line), 0 2px 0 var(--line), -2px 0 0 var(--line), 2px 0 0 var(--line), inset 0 -2px 0 #0006;border:0;padding:6px 10px;font:12px Silkscreen,monospace}.chip[data-v-d975b8f6]:hover{background:var(--panel);color:var(--acc)}.chip.on[data-v-d975b8f6]{background:var(--mint);color:var(--line)}.btn[data-v-d975b8f6]{text-transform:uppercase;text-align:center;background:var(--acc);color:var(--line);cursor:pointer;box-shadow:0 -4px 0 var(--line), 0 4px 0 var(--line), -4px 0 0 var(--line), 4px 0 0 var(--line), inset 0 -4px 0 #0000004d, inset 0 4px 0 #fff6;border:0;padding:10px 18px;font:16px Silkscreen,monospace;text-decoration:none;display:block}.btn[data-v-d975b8f6]:hover{background:#ffe0a0}.btn[data-v-d975b8f6]:active{box-shadow:0 -4px 0 var(--line), 0 4px 0 var(--line), -4px 0 0 var(--line), 4px 0 0 var(--line), inset 0 4px 0 #0000004d;transform:translateY(2px)}.btn[data-v-d975b8f6]:disabled{background:var(--dim);cursor:default;transform:none}aside.panel[data-v-d975b8f6]{scrollbar-width:none;flex-direction:column;gap:14px;width:248px;max-height:calc(100% - 56px);padding:14px;display:flex;position:absolute;top:28px;right:28px;overflow-y:auto}.panel-head[data-v-d975b8f6]{color:var(--acc);justify-content:space-between;font:14px Silkscreen,monospace;display:flex}.link[data-v-d975b8f6]{cursor:pointer;color:var(--dim);background:0 0;border:0;padding:0;font:12px Silkscreen,monospace}.link[data-v-d975b8f6]:hover{color:var(--ink)}.views[data-v-d975b8f6]{grid-template-columns:1fr 1fr;gap:10px;display:grid}figure[data-v-d975b8f6]{background:var(--bg);place-items:center;height:96px;margin:0;padding:8px 8px 16px;display:grid;position:relative;overflow:hidden}figure img[data-v-d975b8f6]{image-rendering:pixelated;object-fit:contain;max-width:100%;max-height:72px}figcaption[data-v-d975b8f6]{color:var(--dim);font:9px Silkscreen,monospace;position:absolute;bottom:2px;left:4px}.raw[data-v-d975b8f6]{width:100%;image-rendering:pixelated}dl[data-v-d975b8f6]{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:14px;display:grid}dt[data-v-d975b8f6]{color:var(--dim)}dd[data-v-d975b8f6]{text-align:right;margin:0}.slider[data-v-d975b8f6]{gap:6px;font:12px Silkscreen,monospace;display:grid}.slider b[data-v-d975b8f6]{color:var(--acc);float:right;font-weight:400}input[type=range][data-v-d975b8f6]{appearance:none;background:var(--bg);height:8px;box-shadow:0 0 0 2px var(--line);cursor:pointer}input[type=range][data-v-d975b8f6]::-webkit-slider-thumb{appearance:none;background:var(--acc);width:12px;height:20px;box-shadow:0 0 0 2px var(--line), inset 0 -3px 0 #0005}.toggles[data-v-d975b8f6]{flex-wrap:wrap;gap:10px;padding:2px;display:flex}footer[data-v-d975b8f6]{gap:14px;width:min(640px,100% - 48px);display:grid;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.steps[data-v-d975b8f6]{color:#4a4862;justify-content:center;gap:18px;font:11px Silkscreen,monospace;display:flex}.steps span.done[data-v-d975b8f6]{color:var(--mint)}.steps span.now[data-v-d975b8f6]{color:var(--acc);animation:.6s steps(2,end) infinite blink-d975b8f6}@keyframes blink-d975b8f6{50%{opacity:.2}}.error[data-v-d975b8f6]{text-align:center;color:var(--acc2);margin:0;font-size:14px}.bar[data-v-d975b8f6]{align-items:center;gap:10px;padding:10px;display:flex}.icon[data-v-d975b8f6]{background:var(--bg2);cursor:pointer;width:42px;height:42px;color:var(--dim);border:0;flex:none;place-items:center;display:grid}.icon[data-v-d975b8f6]:hover{color:var(--acc)}.icon svg[data-v-d975b8f6]{width:20px;height:20px}.prompt[data-v-d975b8f6]{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:6px 4px;font-size:20px}.prompt[data-v-d975b8f6]::placeholder{color:#5c5a78}.go[data-v-d975b8f6]{flex:none;min-width:84px}.ref[data-v-d975b8f6]{flex:none;align-items:center;gap:6px;display:flex;position:relative}.ref img[data-v-d975b8f6]{object-fit:cover;width:42px;height:42px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--line)}.ref .mode[data-v-d975b8f6]{background:var(--bg2);cursor:pointer;color:var(--acc);border:0;padding:4px 6px;font:10px Silkscreen,monospace}.ref .x[data-v-d975b8f6]{background:var(--red);cursor:pointer;border:0;width:18px;height:18px;padding:0;font-size:14px;line-height:14px;position:absolute;top:-8px;left:32px}@media (width<=720px){header[data-v-d975b8f6]{top:16px;left:16px}.empty p[data-v-d975b8f6]{padding:0 16px;font-size:15px}aside.panel[data-v-d975b8f6]{width:auto;max-height:38vh;inset:auto 16px 132px}.views[data-v-d975b8f6]{grid-template-columns:repeat(3,1fr)}figure[data-v-d975b8f6]{height:72px}figure img[data-v-d975b8f6]{max-height:50px}footer[data-v-d975b8f6]{width:calc(100% - 32px);bottom:20px}.steps[data-v-d975b8f6]{gap:10px}.prompt[data-v-d975b8f6]{font-size:16px}.go[data-v-d975b8f6]{min-width:64px;padding:10px 12px}}