:root{color:#d8dddb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#10171e;font-family:monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.playground{background:radial-gradient(at 50% 45%,#324149,#202e36 46%,#141d24 82%);transition:background 1s;position:fixed;inset:0}.playground.night-shift{background:radial-gradient(at 50% 45%,#243038,#16212a 46%,#10171e 82%)}.playground:after{content:"";pointer-events:none;opacity:.55;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000b 3px 4px);position:absolute;inset:0}.datacenter-viewport{touch-action:none;position:absolute;inset:0;overflow:hidden}.datacenter-viewport canvas{width:100%;height:100%;image-rendering:pixelated;cursor:grab;display:block}.datacenter-viewport canvas:active{cursor:grabbing}.scene-controls{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:2;gap:9px;display:flex;position:absolute}.scene-controls button{color:#aebec1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#142027b8;border:1px solid #9cb3b333;place-items:center;width:44px;height:44px;transition:color .2s,background .2s,border-color .2s;display:grid}.scene-controls button:hover,.scene-controls button[aria-pressed=true]{color:#e8c18a;background:#29363ccc;border-color:#e8c18a66}.scene-controls svg{stroke-width:1.5px;width:18px;height:18px}button:focus-visible,canvas:focus-visible{outline-offset:-4px;outline:2px solid #efbb74}.scene-error{text-align:center;z-index:2;font-size:13px;line-height:1.7;position:absolute;inset:35% 15%}@media (width<=650px){.scene-controls{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}