.image-dropzone{border:1.5px dashed var(--rule-2,var(--rule));border-radius:var(--radius);background:var(--bg);cursor:pointer;text-align:center;min-height:240px;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease;justify-content:center;align-items:center;display:flex}.image-dropzone:hover,.image-dropzone.dragover{border-color:var(--accent);background:var(--bg-2)}.od-canvas-wrap{border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg);justify-content:center;align-items:center;max-height:460px;display:flex;overflow:auto}#result-canvas{max-width:100%;height:auto;display:block}.od-results{margin:var(--sp-sm) 0 0;gap:var(--sp-xs);flex-direction:column;max-height:320px;padding:0;list-style:none;display:flex;overflow:auto}.od-result{align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-sm);border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg-card);font-size:var(--fs-sm);display:flex}.od-swatch{border-radius:2px;flex-shrink:0;width:12px;height:12px}.od-label{color:var(--ink);text-transform:capitalize;flex:1}.od-score{color:var(--ink-2);font-family:var(--mono,monospace);font-size:var(--fs-xs)}.od-empty{color:var(--ink-3);font-size:var(--fs-sm);padding:var(--sp-sm);list-style:none}.od-threshold-row{align-items:center;gap:var(--sp-sm);margin:var(--sp-sm) 0;display:flex}.od-threshold-row input[type=range]{accent-color:var(--accent);flex:1}.od-threshold-row .od-threshold-val{font-family:var(--mono,monospace);font-size:var(--fs-sm);color:var(--ink-2);text-align:right;min-width:3ch}