.ewpv-ab{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.ewpv-ab__toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:10px 0 12px}
.ewpv-ab__group{display:flex;flex-direction:column;gap:4px;min-width:220px;flex:1}
.ewpv-ab__group--slider{min-width:220px;flex:1}
.ewpv-ab__label{font-size:12px;opacity:.85}
.ewpv-ab__select,.ewpv-ab__range{padding:6px 8px;border:1px solid #d0d7de;border-radius:10px;background:#fff}
.ewpv-ab__range{padding:0}
.ewpv-ab__value{font-size:12px;opacity:.85}
.ewpv-ab__btn{padding:8px 10px;border:1px solid #d0d7de;border-radius:12px;background:#f6f8fa;cursor:pointer}
.ewpv-ab__btn:hover{filter:brightness(.98)}
.ewpv-ab__stage{border:1px solid #d0d7de;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.ewpv-ab__hint{margin-top:10px;font-size:13px;opacity:.9;line-height:1.35}
.ewpv-ab svg{width:100%;height:70vh;max-height:70vh;display:block;touch-action:none}

/* SVG styles */
.ewpv-ab__court{fill:#ffffff}
.ewpv-ab__line{stroke:#0b0f14;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}
.ewpv-ab__net{stroke:#0b0f14;stroke-width:2;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}
.ewpv-ab__angleRay{stroke:#1f6feb;stroke-width:3;fill:none;opacity:.9;vector-effect:non-scaling-stroke}
.ewpv-ab__bisector{stroke:#d1242f;stroke-width:4;fill:none;vector-effect:non-scaling-stroke}
.ewpv-ab__targetLine{stroke:#57606a;stroke-width:2;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}
.ewpv-ab__recoveryLine{stroke:#2da44e;stroke-width:2;stroke-dasharray:4 8;vector-effect:non-scaling-stroke}
.ewpv-ab__sector{fill:rgba(31,111,235,.10);stroke:none}
.ewpv-ab__point{cursor:grab}
.ewpv-ab__point:active{cursor:grabbing}
.ewpv-ab__pointCircle{stroke:#0b0f14;stroke-width:2;fill:#fff;vector-effect:non-scaling-stroke}
.ewpv-ab__pointLabel{font-size:22px;font-weight:700;fill:#0b0f14;paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}
.ewpv-ab__ideal{stroke:#d1242f;stroke-width:3;fill:#fff;vector-effect:non-scaling-stroke}

.ewpv-ab__angleText{font-size:28px;font-weight:800;fill:#0b0f14;paint-order:stroke;stroke:#ffffff;stroke-width:6px;stroke-linejoin:round;opacity:.95;vector-effect:non-scaling-stroke}