/* v13.15 coloring pinch zoom + branding */
.coloring-canvas-wrap{position:relative;touch-action:none;overscroll-behavior:contain}
#coloring-canvas{touch-action:none!important;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
#coloring-canvas.is-zoomed{cursor:grab}
#coloring-canvas.is-panning{cursor:grabbing}
.coloring-zoom-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:.55rem .1rem 0}
.coloring-zoom-hint{margin:0;color:#6556a2;font-size:.88rem;font-weight:750}
.coloring-zoom-reset{border:1px solid #ddd3ff;background:#f7f3ff;color:#543fa1;border-radius:999px;padding:.5rem .75rem;font:800 .82rem/1 inherit;cursor:pointer;min-height:40px;touch-action:manipulation}
.coloring-brand-preview{width:min(100%,1040px);margin:.45rem auto 0;padding:.45rem .8rem;border-top:2px solid #e4dcf7;background:#fff;color:#5a439d;text-align:center;font-weight:900;letter-spacing:.015em;border-radius:0 0 14px 14px}
.coloring-workspace.is-fullscreen #coloring-canvas{max-height:calc(100vh - 205px)}
@media(max-width:820px){.coloring-zoom-row{align-items:flex-start}.coloring-zoom-hint{flex:1 1 220px}.coloring-workspace.is-fullscreen #coloring-canvas{max-height:calc(72vh - 185px)}}