*{touch-action:manipulation}#app{-webkit-overflow-scrolling:touch;width:100%;margin:0;padding:0;position:relative;overflow-x:visible}#painting{text-align:center}.tool-button{min-width:120px;height:50px;font-size:20px}.direction-button{min-width:120px;height:40px;font-size:16px}#pal1,#pal2{text-align:center}table td{vertical-align:top;padding:0}td div{max-width:100%}.direction-panel div{justify-content:center;margin-bottom:5px;display:flex}.direction-panel button{margin:2px}.spanToolbar{background-color:#0941208a;height:2%;padding:5px}.overlay{z-index:1000;background-color:#000000b3;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay.hidden{display:none}html,body{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;height:100%;position:relative;overflow-x:auto}body{background-color:#6f00ff;margin:0;padding:0;font-family:"monospace";font-size:12px}#grid{min-width:100%;max-width:max-content;font-size:0;line-height:0}#grid div{white-space:nowrap;margin:-1px 0 0;padding:0;font-size:0;display:flex;transform:translateZ(0)}.cell{vertical-align:top;width:8px;height:15px;margin:0 -1px 0 0;padding:0;line-height:0;display:inline-block;overflow:hidden}#buildinfo{color:#f5f781;text-align:right;margin-top:10px;font-size:12px}#selectSmoothMethod{width:150px;height:30px}.floating-toolbar{z-index:1000;color:#fff;user-select:none;will-change:transform;background-color:#226158e6;border-radius:8px;max-width:none;padding:8px;transition:opacity .3s;position:fixed;top:0;left:0;box-shadow:0 4px 12px #0000004d}.floating-toolbar:not(.dragging){transition:transform .2s,opacity .3s}.floating-toolbar .tool-button{width:auto;min-width:auto;height:auto;padding:2px 5px;font-size:12px}.floating-toolbar .tool-button.active{color:#fff;background-color:#2ecc71;box-shadow:0 0 4px #2ecc7199}.floating-toolbar.hidden{opacity:.2;pointer-events:none;transform:scale(.8)}.floating-toolbar.dragging{opacity:.7}.toolbar-handle{cursor:grab;text-align:center;border-bottom:1px solid #fff3;margin-bottom:8px;padding:4px;font-size:16px}.toolbar-handle:active{cursor:grabbing}.toolbar-container{flex-direction:column;gap:8px;display:flex}.tool-group{border:1px solid #ffffff1a;border-radius:4px;padding:6px;transition:max-height .3s;overflow:hidden}.tool-group:not(.expanded){max-height:40px}.tool-group.expanded{max-height:500px}.tool-group h3{opacity:.8;margin:0 0 8px;font-size:14px}.tool-button{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:4px;margin:2px;padding:6px 12px;transition:background-color .2s}.tool-button.long-press-active{color:#7fff00;background-color:#ffffff4d;transform:scale(1.2);box-shadow:0 0 4px #fff9}.tool-button:hover{background-color:#fff3}.tool-button:active{background-color:#ffffff4d}.tool-button:disabled{opacity:.4;cursor:not-allowed}.toolbar-minimize{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:18px;transition:background-color .2s;position:absolute;top:8px;right:8px}.toolbar-minimize:hover{background:#ffffff4d}.toolbar-show-button{z-index:1000;color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;position:fixed;box-shadow:0 2px 5px #0000004d}.toolbar-show-button:hover{background-color:#0b7dda}.desktop-mode{width:10px;height:20px}.selected{background-color:#f0f0f0;font-weight:700}.selected-span{outline-offset:-1px;outline:1px solid #ffb977c5}.paste-marker-span{outline-offset:-1px;outline:1px solid #ff0}.select-line-marker{outline-offset:-1px;outline:1px solid azure}.overlay-preview-close{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.overlay-content{border-radius:8px;width:80%;height:90%;padding:20px;position:relative}.floating-dpad{z-index:1000;user-select:none;color:#fff;background-color:#323232e6;border-radius:8px;min-width:110px;padding:5px;transition:opacity .3s,transform .2s;position:fixed;box-shadow:0 2px 8px #0000004d}.direction-overlay{background-color:#651c6bb3;width:auto;min-width:200px;height:auto;top:0;left:0}.floating-dpad.hidden{opacity:0;pointer-events:none}.floating-dpad.dragging{opacity:.7;cursor:grabbing;transition:none!important}.direction-handle{cursor:move;text-align:center;border-bottom:1px solid #555;margin-bottom:3px;padding:0;font-size:16px}.direction-controls{flex-direction:column;align-items:center;display:flex}.direction-button{color:#fff;cursor:pointer;background-color:#505050cc;border:1px solid #666;justify-content:center;align-items:center;min-width:60px;min-height:60px;margin:0;padding:0;font-size:16px;display:flex}.direction-button-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:180px;height:180px;margin-bottom:0;display:grid}#btnUp{border-radius:4px 4px 0 0;grid-area:1/2}#btnLeft{border-radius:4px 0 0 4px;grid-area:2/1}#btnDown{border-radius:0;grid-area:2/2}#btnRight{border-radius:0 4px 4px 0;grid-area:2/3}.accel-button-container{justify-content:center;width:100%;margin-top:-50px;display:flex}.accel-button{color:#fff;cursor:pointer;background-color:#a55;border:1px solid #666;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-top:0;font-size:11px;display:flex}.dpad-minimize{color:#fff;cursor:pointer;background:0 0;border:none;width:18px;height:18px;padding:0;font-size:14px;position:absolute;top:2px;right:2px}.direction-summon{color:#fff;cursor:pointer;z-index:1000;background-color:#323232e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:fixed}.direction-content{width:auto;height:auto;padding:5px}.palette-color-button{border:2px solid #555;border-radius:4px;width:30px;height:30px;margin:2px}.palette-color-button:hover{border-color:#fff;transform:scale(1.1)}.palette-color-button.long-press-active{border-color:#fff;transform:scale(.9)}
/*# sourceMappingURL=index.effe000b.css.map */