html,body{color:#d9f6ff;background:#050610;min-height:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}#app{box-sizing:border-box;background:radial-gradient(circle at 50% 35%,#2f618c47,#0000 45%),linear-gradient(#07091a 0%,#02030a 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:100vw;min-height:100vh;padding:16px;display:flex}canvas{width:640px;height:480px;image-rendering:crisp-edges;image-rendering:pixelated;flex:none;box-shadow:0 22px 60px #0000008c,0 0 0 1px #8de8ff2e}.zoom-controls{color:#d9f6ffd1;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.zoom-controls button{appearance:none;color:#d9f6ff;font:inherit;cursor:pointer;background:#050b18b8;border:1px solid #8de8ff59;border-radius:4px;padding:5px 9px}.zoom-controls button.active{background:#163d66e6;border-color:#87f8ff;box-shadow:0 0 14px #87f8ff38}