.canvas-wrapper[data-v-4d9323ba]{align-items:center;border-radius:.75rem;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.coloring-canvas[data-v-4d9323ba]{border-radius:.5rem;box-shadow:0 4px 20px #0000001f;display:block}.canvas-error[data-v-4d9323ba],.canvas-loading[data-v-4d9323ba]{font-size:1.5rem;position:absolute}.palette-wrap[data-v-00d047d7]{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:860px;width:100%}.tools-row[data-v-00d047d7]{display:flex;gap:.5rem;justify-content:center}.tool-btn[data-v-00d047d7]{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;min-width:64px;padding:.4rem .9rem;transition:border-color .15s,background .15s,transform .1s}.tool-btn svg[data-v-00d047d7]{color:#6b7280;height:1.5rem;width:1.5rem}.tool-btn span[data-v-00d047d7]{color:#6b7280;font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tool-btn[data-v-00d047d7]:hover{background:#eef2ff;border-color:#a5b4fc}.tool-btn.active[data-v-00d047d7]{background:#eef2ff;border-color:#6366f1;transform:scale(1.05)}.tool-btn.active span[data-v-00d047d7],.tool-btn.active svg[data-v-00d047d7]{color:#6366f1}.tool-eraser.active[data-v-00d047d7]{background:#fee2e2;border-color:#dc2626}.tool-eraser.active span[data-v-00d047d7],.tool-eraser.active svg[data-v-00d047d7]{color:#dc2626}.tool-btn.disabled[data-v-00d047d7],.tool-btn[data-v-00d047d7]:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.tool-clear[data-v-00d047d7]:hover{background:#fee2e2;border-color:#dc2626}.tool-clear:hover span[data-v-00d047d7],.tool-clear:hover svg[data-v-00d047d7]{color:#dc2626}.eraser-icon[data-v-00d047d7]{height:1rem;width:1.5rem}.colors-grid[data-v-00d047d7]{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.color-btn[data-v-00d047d7]{border:3px solid transparent;border-radius:50%;cursor:pointer;flex-shrink:0;height:44px;outline:2px solid rgba(0,0,0,.12);outline-offset:-1px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;width:44px}.color-btn[data-v-00d047d7]:active{transform:scale(.88)}.color-btn.active[data-v-00d047d7]{border-color:#1f2937;box-shadow:0 0 0 3px #6366f180;outline:none;transform:scale(1.25)}@media(max-width:480px){.color-btn[data-v-00d047d7]{height:40px;width:40px}.tool-btn[data-v-00d047d7]{min-width:56px;padding:.35rem .6rem}}