html,body{margin:0;width:100%;height:100%}#app{width:100%;height:100dvh;overflow:hidden;position:relative;background-color:#000;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAABFElEQVRIS7XVr0oEURxH8c8WNRkUFpRFDCYxaBGDxShisYv/ik3QoM3mExgFi2/hC7jBIuoiqEExGGWjuGO5A8Mvzp09ce7hDHxnmGkZHmPxQpPM4WZYN9nAFxbiQS4tnOIPB/EwlxFco8BVPMxlHLcpftf07m3cp/gnpqOQQwe9FO9jKQo5zOA1xX+xHoUcOnhL8QF2opDDFF5SvMBRFHJo47kSP4tCDpN4qMTPo5DDNhbxlOIXUcjhMD3IXrrJcRRy2E/xcpZu+t40wlb6aJXxH6xEqQ7LOAmb97EaxTrsVSYpN+9iLYp1+ahMUqTXsrHNR0O8wHuUcpgP8QF2o5TDZSX+iM0o1KXceBYT+E4/7Mb4B5KUSgvoqMCsAAAAAElFTkSuQmCC) 0 24,pointer}#background-canvas,#drawing-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}#background-canvas{pointer-events:none}#drawing-canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app,#background-canvas,#drawing-canvas{-webkit-tap-highlight-color:transparent}#export-control{position:absolute;right:3vw;bottom:2vh;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}#export-status{margin:0;padding:.5rem .75rem;max-width:min(80vw,20rem);border-radius:.35rem;background:#000000b3;color:#ffb4b4;font-size:clamp(.8rem,1.6vw,1rem);line-height:1.3;outline:none}#export-button,#controls button{appearance:none;-webkit-appearance:none;padding:.5rem .8rem;font-size:clamp(.95rem,.9vw,1.2rem);border:none;border-radius:.6rem;background-color:#000;background-size:cover;filter:brightness(.9);color:#fffaf6;cursor:pointer;min-width:4rem;min-height:2rem;box-shadow:0 6px 14px #0b121e38}#export-button:disabled{cursor:not-allowed;opacity:.7}#controls{position:absolute;left:3vw;bottom:2vh;z-index:10;display:flex;gap:.5rem}