.canvas-container{flex:2;position:relative;border-radius:10px;overflow:hidden;background:#f8f9fa;min-height:400px;display:flex;align-items:center;justify-content:center}#editCanvas{border-radius:10px;box-shadow:0 5px 15px #0000001a;display:block;position:relative}.canvas-stage{position:relative;flex:0 0 auto}.detection-overlay{position:absolute;inset:0;pointer-events:none;display:none}.detection-overlay.visible{display:block}.detection-box{position:absolute;border:2px dashed rgba(102,126,234,.7);border-radius:8px;pointer-events:none;transition:opacity .2s ease}.detection-box .label{position:absolute;top:-24px;left:0;background:#667eead9;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:4px;white-space:nowrap}.detection-box .label .confidence{margin-left:8px;font-weight:600;color:#fef9c3}.detection-keypoint{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 4px #0003}.detection-keypoint.crown{background:#3b82f6f2;border:2px solid rgba(191,219,254,.95)}.detection-keypoint.snout{background:#ea580cf2;border:2px solid rgba(254,215,170,.95)}.anchor-overlay{position:absolute;inset:0;pointer-events:none}.keypoint-debug-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal;opacity:.96;z-index:3}.keypoint-axis{stroke:#ea580cbf;stroke-width:2px;stroke-dasharray:4 4}.keypoint-node{stroke:#0f172a;stroke-width:1.5px}.keypoint-node.crown{fill:#3b82f6f2}.keypoint-node.snout{fill:#ea580cf2}.keypoint-marker.baseline{fill:#94a3b8f2;stroke:#0f172ad9;stroke-width:1.5px}.keypoint-marker.target{fill:#c084fc59;stroke:#a855f7d9;stroke-width:1.5px}.keypoint-marker.actual{fill:#22c55ef2;stroke:#065f46e6;stroke-width:1.5px}.keypoint-width{stroke-width:2.25px;stroke-linecap:round;opacity:.85}.keypoint-width.baseline{stroke:#94a3b8d9;stroke-dasharray:6 4}.keypoint-width.target{stroke:#a855f7cc;stroke-dasharray:4 3}.keypoint-width.actual{stroke:#22c55ee6}.keypoint-debug-label{font-size:11px;font-weight:600;fill:#f8fafc;stroke:#0f172ad9;stroke-width:.75px;paint-order:stroke;text-shadow:0 0 4px rgba(15,23,42,.65)}.detection-anchor{position:absolute;width:14px;height:14px;border-radius:50%;background:#eab308e6;border:2px solid white;box-shadow:0 0 6px #eab308cc;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;z-index:5}.anchor-overlay .detection-anchor{pointer-events:auto}.detection-anchor:active{cursor:grabbing}.detection-anchor.user-adjusted{background:#d97706f2;box-shadow:0 0 6px #d97706d9}.detection-anchor.highlight{animation:anchor-pulse .8s ease}.detection-box.highlight{animation:box-pulse .8s ease}@keyframes anchor-pulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 6px #eab308cc}50%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 12px #eab308e6}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 6px #eab308cc}}@keyframes box-pulse{0%{box-shadow:0 0 #667eea33}50%{box-shadow:0 0 0 4px #667eea40}to{box-shadow:0 0 #667eea33}}.halo-overlay{position:absolute;top:0;left:0;pointer-events:none}.halo-overlay img{width:100%;height:100%;pointer-events:none}.halo-instance{pointer-events:auto;cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .1s ease;position:absolute}.halo-instance img{width:100%;height:100%;object-fit:contain;pointer-events:none}.halo-instance.selected{box-shadow:0 0 0 3px #667eea66;border-radius:50%}.item-knob{position:absolute;z-index:20;display:grid;place-items:center;width:34px;height:34px;padding:0;border:2px solid #ffffff;border-radius:999px;background:var(--s-accent, #b83a78);color:#fff;box-shadow:0 3px 10px #1e0a1959;pointer-events:auto;touch-action:none;cursor:pointer}.item-knob:before{content:"";position:absolute;inset:-10px;border-radius:999px}.item-knob.is-turn{right:-17px;bottom:-17px;cursor:grab}.item-knob.is-turn:active{cursor:grabbing}.item-knob.is-remove{top:-17px;left:-17px;background:#2a1a2b}.snap-guide{position:absolute;pointer-events:none;z-index:50}.snap-guide.is-down{top:0;bottom:0;border-left:1.5px dashed rgba(255,64,160,.95)}.snap-guide.is-across{left:0;right:0;border-top:1.5px dashed rgba(255,64,160,.95)}.sticker-instance.selected{outline:2px dashed rgba(102,126,234,.85);outline-offset:4px;border-radius:10px}.halo-instance.selected .resize-handle,.halo-instance.selected .rotate-handle{display:block}.resize-handle,.rotate-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(102,126,234,.85);box-shadow:0 0 6px #667eea66;pointer-events:auto;touch-action:none;display:none;z-index:10}.resize-handle-nw{top:-7px;left:-7px;cursor:nwse-resize}.resize-handle-ne{top:-7px;right:-7px;cursor:nesw-resize}.resize-handle-sw{bottom:-7px;left:-7px;cursor:nesw-resize}.resize-handle-se{bottom:-7px;right:-7px;cursor:nwse-resize}.rotate-handle{top:-32px;left:50%;transform:translate(-50%);background:#667eeae6;border-color:#667eeaf2;cursor:grab}.rotate-handle:active{cursor:grabbing}.canvas-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.canvas-toolbar-hint{font-size:.85rem;color:#444}.btn.btn-small{padding:6px 12px;font-size:.85rem}.canvas-container.preview .anchor-overlay{pointer-events:none}.canvas-container{flex-direction:column;gap:8px}.halo-instance,.resize-handle,.rotate-handle,.detection-anchor{touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.halo-instance img{-webkit-user-drag:none;pointer-events:none}.halo-inner-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.halo-clip{position:absolute;inset:0;pointer-events:none}.halo-clip>img:not(.halo-inner-glow):not(.halo-bloom){position:absolute;inset:0}.halo-bloom,.halo-sparkle{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.halo-cast-light{-webkit-user-drag:none}