.coloring-container{display:flex;gap:2rem;height:calc(100dvh - 76px);flex-grow:1;align-items:stretch}.palette-panel{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem;height:auto;overflow-y:auto}.tools{display:flex;gap:1rem;justify-content:center}.tools button{padding:.5rem}.tools button img{width:100%;height:100%;max-width:32px;object-fit:contain}.btn-tool{font-size:2rem;background:var(--color-zuna-cream);border:2px solid transparent;border-radius:var(--radius-md);width:60px;height:60px;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-tool img{width:100%;height:100%;max-width:32px;object-fit:contain;pointer-events:none}.btn-tool.active{border-color:var(--color-leo);background:#fff;transform:scale(1.1)}.flex-center{display:flex;align-items:center;justify-content:center}.eraser-icon{width:32px;height:18px;background:#ffb6c1;border:2px solid #FF69B4;border-radius:4px;transform:rotate(-25deg);box-shadow:2px 2px #0000001a}.char-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.char-btn{background:var(--color-zuna-cream);border:2px solid transparent;border-radius:var(--radius-sm);width:100%;aspect-ratio:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.char-btn img{width:100%;height:100%;object-fit:contain}.char-btn.active{border-color:var(--color-leo);background:#fff;transform:scale(1.1)}.colors-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%}.color-swatch{width:100%;padding:0;margin:0;aspect-ratio:1;border-radius:50%;border:3px solid white;box-shadow:0 2px 5px #0003;cursor:pointer;transition:transform .2s;display:block}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{transform:scale(1.2);box-shadow:0 0 0 3px var(--color-leo);z-index:2}.canvas-panel{flex-grow:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;height:auto;max-height:none;min-width:0;min-height:0}.canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#coloring-canvas{max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:1 / 1;object-fit:contain;cursor:crosshair;touch-action:none}.actions{display:flex;justify-content:center;margin-top:auto}@media(max-width:768px){.coloring-container{display:grid!important;grid-template-areas:"animals animals" "canvas  canvas" "tools   colors" "actions actions";grid-template-columns:60px 1fr!important;grid-template-rows:auto 1fr auto auto!important;height:calc(100dvh - 76px)!important;overflow:hidden!important;gap:0px!important}.palette-panel{display:contents!important}.char-picker{grid-area:animals!important;display:flex!important;justify-content:center!important;overflow-x:auto!important;scrollbar-width:none!important;padding:6px 4px;gap:4px}.char-picker::-webkit-scrollbar{display:none}.char-btn{flex:0 0 36px!important;height:36px!important;border-radius:50%!important}.canvas-panel{grid-area:canvas!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:0!important;padding:0!important}.tools{grid-area:tools!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px}.btn-tool{width:44px!important;height:44px!important;border-radius:50%!important}.colors-grid{grid-area:colors!important;display:grid!important;grid-template-columns:repeat(10,30px)!important;grid-template-rows:repeat(2,30px)!important;justify-content:center!important;align-content:center!important;gap:6px;padding:6px 8px}.color-swatch{width:30px!important;height:30px!important;border-radius:50%!important;box-shadow:0 2px 4px #0000001a!important}.actions{grid-area:actions!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0 0 10px!important}#btn-clear{font-size:11px!important;padding:6px 20px!important;border-radius:20px!important}}