.target-canvas{min-width:0;overflow:hidden;background:var(--consumer-surface-subtle,var(--color-surface-subtle));border:1px solid var(--consumer-border,var(--color-border));border-radius:var(--consumer-control-radius,var(--radius-sm))}.target-canvas svg{width:100%;display:block;aspect-ratio:1.12;touch-action:none;-webkit-user-select:none;user-select:none}.target-canvas .target-chart-paper{fill:var(--consumer-surface,var(--color-surface))}.target-canvas .target-grid{stroke:var(--consumer-border,var(--color-border));opacity:.6}.target-canvas .target-axis{fill:var(--consumer-muted,var(--color-muted))}.target-canvas .target-spread{stroke:var(--consumer-accent-visual,var(--color-accent));fill:var(--consumer-accent-ink,var(--color-accent))}.target-canvas .target-spread text{paint-order:stroke;stroke:var(--consumer-surface,var(--color-surface));stroke-width:1px}.target-canvas .target-center{stroke:var(--consumer-accent-visual,var(--color-accent));fill:none}.target-canvas .target-reticle{stroke:var(--consumer-border,var(--color-border));fill:var(--consumer-accent-soft,var(--color-accent-soft));fill-opacity:.15;stroke-dasharray:3 3}.target-canvas .target-bounds{stroke:var(--consumer-muted,var(--color-muted));stroke-dasharray:3 3;fill:none;opacity:.65}.target-canvas .target-bounds text{fill:var(--consumer-accent-ink,var(--color-accent));stroke:none;text-anchor:middle}.target-canvas .target-hit{cursor:pointer}.target-canvas .target-hit-touch{fill:transparent}.target-canvas .target-hit-ring{fill:var(--consumer-ink,var(--color-text));stroke:var(--consumer-surface,var(--color-surface))}.target-canvas .target-hit-core{fill:var(--consumer-surface,var(--color-surface))}.target-canvas .target-hit.is-multiple .target-hit-ring{fill:var(--color-warning)}.target-canvas .target-hit.is-selected .target-hit-ring{fill:var(--consumer-accent-visual,var(--color-accent))}.target-canvas .target-hit.is-extreme .target-hit-ring{stroke:var(--consumer-accent-visual,var(--color-accent))}.target-canvas .target-hit text{fill:var(--consumer-ink,var(--color-text));font-weight:650;paint-order:stroke;stroke:var(--consumer-surface,var(--color-surface));stroke-width:1px;pointer-events:none}.target-canvas .target-hit:focus{outline:none}.target-canvas .target-hit:focus .target-hit-ring{stroke:var(--color-focus)}.target-canvas .target-ellipse{fill:var(--consumer-accent-visual,var(--color-accent));fill-opacity:.09;stroke:var(--consumer-accent-visual,var(--color-accent));stroke-dasharray:4 3}.target-canvas .target-corner-area{fill:var(--consumer-accent-visual,var(--color-accent));fill-opacity:.12;stroke:var(--consumer-accent-visual,var(--color-accent))}.target-canvas-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.5rem;border-top:1px solid var(--consumer-border,var(--color-border))}.target-canvas-tools button{min-width:44px;font-size:.75rem;padding:.4rem}.target-canvas>small{display:block;padding:0 .75rem .75rem;font-size:.7rem;color:var(--consumer-muted,var(--color-muted))}.target-canvas .target-learning-region{fill:var(--color-success);fill-opacity:.08;stroke:var(--color-success);pointer-events:none}.target-canvas .target-learning-region.is-excluded{fill:var(--color-warning);stroke:var(--color-warning);stroke-dasharray:8 6}.target-canvas .target-learning-region text{fill-opacity:1;stroke:none}