.studio-drawing-table{background:#eee8fa;border:1px solid #dcd5ef;border-radius:22px;overflow:hidden}.studio-canvas{width:100%;height:clamp(260px,52vw,590px);position:relative}.studio-canvas canvas{width:100%;height:100%;display:block}.studio-canvas.is-artist canvas{touch-action:none;cursor:crosshair}.studio-canvas>p{color:#3c3158;padding:30px}.studio-draw-tools{background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:15px;display:flex}.studio-draw-tools button{color:#403151;background:#fff;border:1px solid #d4cce4;border-radius:9px;padding:9px 13px;font-weight:700}.studio-draw-tools label{color:#403151;align-items:center;gap:8px;font-size:13px;display:flex}.studio-draw-tools input{accent-color:#7546ee;width:85px}.studio-swatches{gap:7px;display:flex}.studio-swatches button{border:2px solid #ded8e8;border-radius:50%;width:29px;height:29px;padding:0}.studio-swatches button[aria-pressed=true]{outline-offset:2px;outline:3px solid #7546ee}.studio-canvas-caption{text-align:center;color:#66567b;margin:0;padding:13px;font-size:14px}.studio-avatar-editor{color:#352840;border:1px solid #ddd5ec;border-radius:16px;align-items:center;gap:20px;padding:18px;display:flex}.studio-avatar-editor legend{padding:0 8px;font-weight:750}.studio-avatar-editor>svg{flex-shrink:0}.studio-avatar-editor>div{flex-wrap:wrap;gap:12px;display:flex}.studio-avatar-editor label{align-items:center;gap:8px;font-size:13px;display:flex}.studio-avatar-editor input[type=color]{background:0 0;border:0;width:30px;height:30px;padding:0}.studio-avatar-editor select{color:#352840;background:#fff;border:1px solid #ddd5ec;border-radius:7px;padding:7px}:is(.studio-draw-tools button:focus-visible,.studio-avatar-editor select:focus-visible){outline-offset:2px;outline:3px solid #7546ee}@media (max-width:520px){.studio-draw-tools{gap:10px}.studio-avatar-editor{align-items:flex-start;gap:12px;padding:12px}.studio-avatar-editor>svg{width:70px;height:70px}.studio-avatar-editor>div{gap:9px}}