[data-interactive="dc-motor-curve"] { --dmc-blue: var(--accent, #005b82); }
[data-interactive="dc-motor-curve"] fieldset { display: flex; flex-wrap: wrap; gap: 1rem; border: 1px solid currentColor; padding: 1rem; }
[data-interactive="dc-motor-curve"] label { display: grid; gap: .35rem; flex: 1 1 12rem; min-width: 0; }
[data-interactive="dc-motor-curve"] input { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; padding: .5rem; }
[data-interactive="dc-motor-curve"] svg { display: block; width: 100%; height: auto; max-width: 48rem; margin: auto; color: inherit; }
[data-interactive="dc-motor-curve"] svg text { fill: currentColor; font: 17px sans-serif; }
[data-interactive="dc-motor-curve"] .dmc-axis { fill: none; stroke: currentColor; stroke-width: 2; }
[data-interactive="dc-motor-curve"] .dmc-torque { fill: none; stroke: currentColor; stroke-width: 3; }
[data-interactive="dc-motor-curve"] .dmc-power { fill: none; stroke: currentColor; stroke-width: 3; stroke-dasharray: 8 5; }
[data-interactive="dc-motor-curve"] .dmc-guide { fill: none; stroke: currentColor; stroke-dasharray: 3 4; }
[data-interactive="dc-motor-curve"] .dmc-point { fill: var(--dmc-blue); stroke: currentColor; stroke-width: 2; }
[data-interactive="dc-motor-curve"] .dmc-peak { fill: none; stroke: currentColor; stroke-width: 2; }
[data-interactive="dc-motor-curve"] [data-result] { min-height: 5em; }
@media screen {
  [data-interactive="dc-motor-curve"][data-dmc-ready] .dmc-static { display: none; }
}
@media print {
  [data-interactive="dc-motor-curve"] .dmc-live { display: none !important; }
  [data-interactive="dc-motor-curve"] .dmc-static { display: block !important; }
}