.bar[data-v-a00d53f7]{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.bar label[data-v-a00d53f7]{color:var(--muted,#666);align-items:center;gap:6px;font-size:13px;display:flex}.swatch[data-v-a00d53f7]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.swatch.on[data-v-a00d53f7]{border-color:var(--border,#333)}canvas[data-v-a00d53f7]{border:1px dashed var(--border,#bbb);touch-action:none;cursor:crosshair;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 12px,#f5f5f5 12px 24px);border-radius:8px;width:100%;max-width:800px;height:auto}button[data-v-a00d53f7]{border:1px solid var(--border,#ccc);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px}button[data-v-a00d53f7]:disabled{opacity:.45;cursor:not-allowed}button[data-v-a00d53f7]:hover:not(:disabled){background:var(--bg-soft,#f5f5f5)}.hint[data-v-a00d53f7]{color:var(--muted,#888);font-size:13px}