
.editor-header[data-v-art-e6af8533],.editor-actions[data-v-art-e6af8533],.editor-title[data-v-art-e6af8533],.source-choice[data-v-art-e6af8533] { display:flex; align-items:center; flex-wrap:wrap; gap:10px;
}
.editor-header[data-v-art-e6af8533] { justify-content:space-between;
}
.editor-title[data-v-art-e6af8533] { align-items:baseline;
}
.editor-title span[data-v-art-e6af8533],.source-choice[data-v-art-e6af8533] { color:var(--text-secondary); font-size:13px;
}
.editor-header select[data-v-art-e6af8533],.editor-panel select[data-v-art-e6af8533] { font:inherit; min-height:32px; border:1px solid var(--border-color); border-radius:6px; background:white; padding:4px 8px; color:inherit;
}
.editor-actions .el-button[data-v-art-e6af8533],.panel-buttons .el-button[data-v-art-e6af8533],.editor-zoom .el-button[data-v-art-e6af8533] { margin:0;
}
.editor-workspace[data-v-art-e6af8533] { height:100%; min-height:0; display:grid; grid-template-columns:68px minmax(0,1fr) 286px;
}
.editor-tools[data-v-art-e6af8533],.editor-panel[data-v-art-e6af8533] { min-height:0; overflow:auto; background:white; padding:10px;
}
.editor-tools[data-v-art-e6af8533] { display:flex; flex-direction:column; gap:6px; border-right:1px solid var(--border-color);
}
.editor-tools button[data-v-art-e6af8533] { display:grid; justify-items:center; gap:4px; font:inherit; font-size:10px; padding:7px 0; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--text-secondary); cursor:pointer;
}
.editor-tools button[aria-pressed=true][data-v-art-e6af8533] { color:var(--primary-hover); border-color:var(--border-hover); background:var(--primary-light);
}
.editor-tools button[data-v-art-e6af8533]:disabled { opacity:.55; cursor:default;
}
.editor-tools .el-icon[data-v-art-e6af8533] { font-size:20px;
}
.editor-tools img[data-v-art-e6af8533] { width:22px; height:21px; object-fit:contain; image-rendering:pixelated;
}
.editor-panel[data-v-art-e6af8533] { border-left:1px solid var(--border-color);
}
.editor-panel-group[data-v-art-e6af8533] { display:grid; gap:10px; padding:12px 0; border-bottom:1px solid var(--border-color);
}
.editor-panel p[data-v-art-e6af8533],.editor-panel small[data-v-art-e6af8533] { color:var(--text-secondary); font-size:13px; line-height:1.5; margin:0;
}
.editor-panel p.editor-error[data-v-art-e6af8533] { color:var(--el-color-danger); margin:0 0 10px;
}
.editor-panel label[data-v-art-e6af8533] { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:13px;
}
.editor-panel label .el-input-number[data-v-art-e6af8533] { width:110px;
}
.editor-panel input[type=color][data-v-art-e6af8533] { width:28px; height:26px; padding:0; border:0;
}
.panel-buttons[data-v-art-e6af8533],.guide-settings[data-v-art-e6af8533] { display:flex; gap:6px; flex-wrap:wrap; align-items:center;
}
.match-list[data-v-art-e6af8533] { display:flex; flex-wrap:wrap; gap:4px; max-height:130px; overflow:auto;
}
.match-list label[data-v-art-e6af8533] { border:1px solid var(--border-color); border-radius:6px; padding:3px;
}
.match-list label.active[data-v-art-e6af8533] { background:var(--primary-light);
}
.match-list button[data-v-art-e6af8533] { border:0; background:none; font:inherit; cursor:pointer;
}
.editor-viewport[data-v-art-e6af8533],.editor-layout[data-v-art-e6af8533] {
  min-width:0; min-height:0; position:relative;
  background-color:var(--bg-secondary);
  background-image:radial-gradient(var(--border-hover) 1px,transparent 1px);
  background-size:20px 20px;
}
.editor-viewport[data-v-art-e6af8533] { overflow:hidden; touch-action:none; overscroll-behavior:contain;
}
.editor-layout[data-v-art-e6af8533] { padding:18px; overflow:auto;
}
.editor-image[data-v-art-e6af8533] { position:absolute; left:50%; top:50%; box-shadow:0 4px 18px #15253a33;
}
.editor-image canvas[data-v-art-e6af8533],.editor-overlay[data-v-art-e6af8533] { position:absolute; inset:0; width:100%; height:100%; display:block;
}
.editor-image canvas[data-v-art-e6af8533] { image-rendering:pixelated;
}
.editor-overlay[data-v-art-e6af8533] { overflow:visible; touch-action:none;
}
.editor-guides[data-v-art-e6af8533],.editor-match[data-v-art-e6af8533],.editor-lasso[data-v-art-e6af8533] { pointer-events:none;
}
.editor-guides path[data-v-art-e6af8533] { stroke:#0f7894; stroke-width:1; stroke-dasharray:5 4; vector-effect:non-scaling-stroke;
}
.editor-match[data-v-art-e6af8533],.editor-lasso[data-v-art-e6af8533] { fill:#00a8db21; stroke:#0a7397; stroke-width:1.5; vector-effect:non-scaling-stroke;
}
.editor-match.selected[data-v-art-e6af8533] { stroke:#d87a17; fill:#d87a172a;
}
.editor-match.excluded[data-v-art-e6af8533] { opacity:.32;
}
.editor-empty[data-v-art-e6af8533] { position:absolute; inset:0; display:grid; place-content:center;
}
.editor-zoom[data-v-art-e6af8533] { position:absolute; left:12px; bottom:12px; display:flex; gap:6px; align-items:center; background:white; padding:5px; border-radius:7px; border:1px solid var(--border-color);
}
.editor-zoom span[data-v-art-e6af8533] { font-variant-numeric:tabular-nums; min-width:48px; text-align:center;
}
@media(max-width:760px) {
.editor-workspace[data-v-art-e6af8533] { grid-template-columns:52px minmax(0,1fr); grid-template-rows:minmax(0,1fr) min(31vh,210px);
}
.editor-panel[data-v-art-e6af8533] { grid-column:1/-1; border-left:0; border-top:1px solid var(--border-color);
}
.editor-tools[data-v-art-e6af8533] { padding:5px;
}
.editor-actions .el-button[data-v-art-e6af8533] { padding:6px; height:auto; min-height:30px;
}
}


.el-dialog.artwork-editor-dialog { display:flex; flex-direction:column; height:100dvh; padding:0; margin:0; overflow:hidden;
}
.artwork-editor-dialog > .el-dialog__header { flex:none; padding:10px 14px; border-bottom:1px solid var(--border-color);
}
.artwork-editor-dialog > .el-dialog__body { flex:1; min-height:0; padding:0;
}


input[type=number][data-v-art-3d17f3d9]{width:130px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font:inherit;color:inherit;background:white}input[type=number][data-v-art-3d17f3d9]:focus{outline:2px solid #94a3b8;outline-offset:1px}
.motif-repeat[data-v-art-3d17f3d9] .repeat-picker canvas{max-height:420px;width:auto;max-width:100%;margin:auto}.rotation-row[data-v-art-3d17f3d9],.picker-tools[data-v-art-3d17f3d9],.preview-heading[data-v-art-3d17f3d9],.motif-footer[data-v-art-3d17f3d9]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rotation-row[data-v-art-3d17f3d9]{margin:12px 0}.motif-columns[data-v-art-3d17f3d9]{display:grid;grid-template-columns:1fr 1fr;gap:28px}.note[data-v-art-3d17f3d9]{font-size:13px;line-height:1.65;color:#64748b}.background-value[data-v-art-3d17f3d9]{display:flex;align-items:center;gap:6px;font-size:12px}.background-value i[data-v-art-3d17f3d9]{width:24px;height:24px;border:1px solid #cbd5e1;border-radius:5px}.gap-controls label[data-v-art-3d17f3d9]{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading[data-v-art-3d17f3d9]{justify-content:space-between;margin:18px 0 10px}.preview-heading span[data-v-art-3d17f3d9]{font-size:12px;color:#64748b}.repeat-display[data-v-art-3d17f3d9]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);max-height:480px;max-width:100%;margin:auto;outline:1px solid #cbd5e1;overflow:hidden}.repeat-display img[data-v-art-3d17f3d9]{display:block;width:100%;height:100%}.stale[data-v-art-3d17f3d9]{opacity:.55}.motif-footer[data-v-art-3d17f3d9]{justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:18px;margin-top:18px}@media(max-width:760px){.motif-columns[data-v-art-3d17f3d9]{grid-template-columns:1fr}.rotation-row[data-v-art-3d17f3d9] .el-radio-group{display:flex;flex-wrap:wrap}.repeat-display[data-v-art-3d17f3d9]{max-height:420px}}


.tone-panel[data-v-art-733a7988] { display:grid; gap:12px;
}
.graph[data-v-art-733a7988] { display:block; width:100%; overflow:visible; background:white; border:1px solid var(--border-color); touch-action:none; cursor:crosshair;
}
.grid[data-v-art-733a7988] { fill:none; stroke:var(--border-color);
}
.reference[data-v-art-733a7988] { fill:none; stroke:#9ba3a7; stroke-dasharray:4 5;
}
.response[data-v-art-733a7988] { fill:none; stroke:var(--primary-color); stroke-width:2; pointer-events:none;
}
circle[data-v-art-733a7988] { fill:white; stroke:var(--primary-color); stroke-width:2; cursor:grab;
}
circle.active[data-v-art-733a7988] { fill:var(--primary-color);
}
p[data-v-art-733a7988] { margin:0; color:var(--text-secondary); font-size:13px;
}
.actions[data-v-art-733a7988] { display:flex; gap:6px; flex-wrap:wrap;
}
.actions .el-button[data-v-art-733a7988] { margin:0;
}

