html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed}canvas{display:block;width:100%;height:100%}body{font-family:sans-serif}*{margin:0;padding:0;box-sizing:border-box}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100;color:#fff;font-family:sans-serif;font-size:1.5em;transition:opacity .5s ease-out;opacity:1}#loading-overlay.hidden{opacity:0;pointer-events:none}#top-left-ui,#top-right-ui,#bottom-right-ui{position:absolute;z-index:10;display:flex;gap:15px;background-color:#32323280;padding:10px;border-radius:10px}#top-left-ui{top:20px;left:20px}#top-right-ui{top:20px;right:20px}#bottom-right-ui{bottom:20px;right:20px}#paint-toggle-button,#scratch-toggle-button,#sticker-drawer-button,#undo-button,#delete-button,#save-button{background-color:#fffc;border:2px solid #555;border-radius:10px;width:60px;height:60px;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;box-shadow:2px 2px 5px #0000004d;color:#333;font-weight:700;font-size:14px}#paint-toggle-button:hover,#scratch-toggle-button:hover,#sticker-drawer-button:hover,#undo-button:hover,#delete-button:hover,#save-button:hover{background-color:#fff;transform:scale(1.05)}#paint-toggle-button:disabled,#scratch-toggle-button:disabled,#sticker-drawer-button:disabled,#undo-button:disabled,#delete-button:disabled,#save-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#paint-toggle-button.active,#scratch-toggle-button.active,#sticker-drawer-button.active,#undo-button.active,#delete-button.active,#save-button:active{background-color:#6496ffe6;border-color:#fff;box-shadow:inset 1px 1px 3px #00000080}#paint-toggle-button img,#scratch-toggle-button svg,#sticker-drawer-button img,#undo-button svg,#delete-button svg{max-width:90%;max-height:90%;object-fit:contain;pointer-events:none}#sticker-drawer-button img{width:32px;height:32px;max-width:none;max-height:none;object-fit:contain}#delete-button.hidden{display:none}#sticker-drawer{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:80%;max-width:400px;background-color:#1e1e1ee6;border:1px solid #666;border-radius:15px;padding:15px;box-shadow:0 -4px 15px #0006;z-index:20;opacity:1;transition:opacity .3s ease-out,transform .3s ease-out}#sticker-drawer.hidden{opacity:0;transform:translate(-50%) translateY(50px);pointer-events:none}#sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:15px;max-height:200px;overflow-y:auto}.sticker-item-button{background-color:#ffffff1a;border:1px solid #888;border-radius:5px;padding:5px;cursor:pointer;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;transition:background-color .2s,transform .1s}.sticker-item-button:hover{background-color:#fff3;transform:scale(1.05)}.sticker-item-button.active{background-color:#6496ff80;border-color:#fff;transform:scale(.95)}.sticker-item-button img{max-width:95%;max-height:95%;object-fit:contain;pointer-events:none}