.cp-tool[data-v-754af212]{gap:var(--space-4)}.cp-tool[data-v-754af212],.dropzone[data-v-754af212]{display:flex;flex-direction:column}.dropzone[data-v-754af212]{align-items:center;background:var(--bg-subtle);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;gap:var(--space-2);justify-content:center;padding:var(--space-8);text-align:center}.dropzone.over[data-v-754af212],.dropzone[data-v-754af212]:hover{background:var(--brand-tint);border-color:var(--brand)}.dz-icon[data-v-754af212]{color:var(--brand);font-size:32px}.dz-text[data-v-754af212]{color:var(--text-1);margin:0}.dz-hint[data-v-754af212]{color:var(--text-2);font-size:var(--text-xs);margin:0}.hidden-input[data-v-754af212]{display:none}.bar[data-v-754af212]{flex-wrap:wrap;gap:var(--space-3)}.bar[data-v-754af212],.hover[data-v-754af212]{align-items:center;display:flex}.hover[data-v-754af212]{gap:var(--space-2);margin-right:auto}.chip[data-v-754af212]{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;width:28px}.code[data-v-754af212]{color:var(--text-1);font-size:var(--text-sm)}.code.dim[data-v-754af212]{color:var(--text-2)}.stage[data-v-754af212]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:var(--space-4);position:relative}.canvas[data-v-754af212]{border-radius:var(--radius-sm);cursor:crosshair;height:auto;max-height:520px;max-width:100%}.loupe[data-v-754af212]{border:3px solid var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-md);height:132px;overflow:hidden;pointer-events:none;position:absolute;transform:translate(-50%,calc(-100% - 16px));width:132px}.loupe-canvas[data-v-754af212]{display:block;height:100%;image-rendering:pixelated;width:100%}.values[data-v-754af212]{display:flex;flex-direction:column;gap:var(--space-2)}.val-row[data-v-754af212]{align-items:center;display:flex;gap:var(--space-3)}.val-key[data-v-754af212]{color:var(--text-2);font-size:var(--text-xs);font-weight:600;width:40px}.val-code[data-v-754af212]{color:var(--text-1);flex:1;font-size:var(--text-sm)}.block[data-v-754af212]{display:flex;flex-direction:column;gap:var(--space-2)}.block-head[data-v-754af212]{align-items:center;display:flex;justify-content:space-between}.lbl[data-v-754af212]{color:var(--text-2);font-size:var(--text-sm)}.swatches[data-v-754af212]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sw[data-v-754af212]{align-items:flex-end;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;height:56px;overflow:hidden;position:relative;width:72px}.sw-hex[data-v-754af212]{background:#ffffffd9;color:#0f172a;font-size:10px;padding:1px 0;text-align:center;width:100%}