html,body{margin:0;width:100%;height:100%}#app{width:100%;height:100dvh;overflow:hidden;position:relative;background-color:#000}#background-canvas,#drawing-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}#background-canvas{pointer-events:none}#drawing-canvas{touch-action:none}#export-controls{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{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}