.spot-runtime,.spot-designer{border:1px solid #d5dfed;border-radius:12px;background:var(--sk-surface,#fff);color:var(--sk-ink,#20324b);padding:16px;max-width:100%;box-sizing:border-box;margin:15px 0}.spot-viewport{overflow:auto;max-height:72vh;border:1px solid #ccd6e5;border-radius:8px;background:#f5f7fb;direction:ltr;overscroll-behavior:contain}.spot-canvas{position:relative;width:100%;min-width:100%;line-height:0;direction:ltr}.spot-canvas>img{display:block;width:100%!important;height:auto!important;max-width:none!important;pointer-events:none;user-select:none;-webkit-user-drag:none;border:0!important;margin:0!important}.spot-canvas>svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:pan-x pan-y}.spot-canvas>svg:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}.spot-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.spot-tools button,.spot-designer button{font:inherit;border:1px solid #c4d2e6;background:var(--sk-surface,#fff);color:inherit;border-radius:8px;padding:9px 13px;min-height:44px;cursor:pointer}.spot-tools button:disabled,.spot-designer button:disabled{opacity:.55;cursor:not-allowed}.spot-marker{fill:#e58b16;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.spot-cursor{fill:none;stroke:#164ec5;stroke-width:2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.spot-key>*{fill:#31a46a33;stroke:#238453;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.spot-help,.spot-status{font-size:13px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;margin:8px 0 0}.spot-label{font-weight:700;font-size:15px;margin:0 0 10px}.spot-error{color:#ac3030!important}.spot-designer h3{margin:0 0 10px}.spot-designer .spot-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.spot-designer label{display:flex;flex-direction:column;gap:5px;font-size:13px}.spot-designer input:not([type=hidden]),.spot-designer select{font:inherit;border:1px solid #c4d2e6;padding:10px;border-radius:8px;min-width:0;width:100%;box-sizing:border-box;background:var(--sk-surface,#fff);color:inherit}.spot-author-shape{fill:#2563eb26;stroke:#1d4ed8;stroke-width:2;vector-effect:non-scaling-stroke}.spot-designer .spot-vertices{direction:ltr;font:12px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:9px;background:#f3f6fb;border-radius:7px;max-height:150px;overflow:auto}.spot-preview-result{font-weight:bold;margin-top:12px}.spot-loading{opacity:.6}.spot-no-image{min-height:130px;display:grid;place-content:center;padding:20px;text-align:center;font-size:14px}.spot-designer svg{touch-action:none}.spot-runtime[data-readonly="1"] [data-spot-overlay]{cursor:default}.spot-runtime img[hidden]{display:none!important}@media(max-width:620px){.spot-runtime,.spot-designer{padding:12px}.spot-designer .spot-fields{grid-template-columns:1fr}.spot-tools button{flex:1;white-space:nowrap}}

/* ── Spot با چند ناحیه (تا ۵): شمارهٔ ناحیه‌ها و نقطه‌ها، فهرست ناحیه‌ها، امتیازدهی، درست/نادرست در مرور ── */
.spot-key text.spot-key-n{fill:var(--sk-amber-deep,#b7791f);font-weight:800;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3px}
.spot-key .is-selected{stroke-width:3;stroke:var(--sk-amber-deep,#b7791f)}
.spot-key .is-draft{stroke-dasharray:6 4;opacity:.7}
.spot-marker-n{fill:#fff;font-weight:800;pointer-events:none}
.spot-marker.is-hit{fill:#1f9d55;stroke:#fff}
.spot-marker.is-miss{fill:#d64545;stroke:#fff}
.spot-regions{margin:12px 0;border:1px solid var(--sk-line,#e3e8ef);border-radius:12px;background:var(--sk-surface-2,#f7f8fa);padding:10px 12px}
.spot-regions__h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--sk-ink,#20324b)}
.spot-regions__n{margin-inline-start:auto;font-size:11.5px;font-weight:700;color:var(--sk-ink-soft,#5b6472)}
.spot-regions__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.spot-regions__empty{font-size:12px;color:var(--sk-ink-faint,#8b93a1)}
.spot-regions__item{display:inline-flex;align-items:center;gap:0;border:1px solid var(--sk-line,#e3e8ef);border-radius:999px;background:var(--sk-surface,#fff);overflow:hidden}
.spot-regions__item.is-selected{border-color:var(--sk-amber,#ffc218);box-shadow:0 0 0 2px var(--sk-amber-soft,#fff3c4)}
.spot-designer .spot-regions__pick,.spot-designer .spot-regions__x{min-height:30px!important;padding:0 11px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;font-weight:700!important}
.spot-designer .spot-regions__x{color:var(--sk-danger,#c0392b)!important;border-inline-start:1px solid var(--sk-line,#e3e8ef)!important}
.spot-scoring{margin-top:12px}

/* ── Spot روی ویدئو (طراح): منبع، پخش‌کنندهٔ اسکراب‌شونده، بازهٔ زمانی ── */
.spot-source{display:flex;align-items:center;gap:6px;margin:0 0 12px;padding:4px;border:1px solid var(--sk-line,#e3e8ef);border-radius:12px;background:var(--sk-surface-2,#f7f8fa)}
.spot-source__l{padding:0 8px;font-size:12px;font-weight:700;color:var(--sk-ink-soft,#5b6472)}
.spot-designer .spot-source__b{flex:1;min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;font-size:12.5px!important;font-weight:700!important;color:var(--sk-ink-soft,#5b6472)!important}
.spot-designer .spot-source__b.is-on{background:var(--sk-amber,#ffc218)!important;color:#16130a!important}
.spot-canvas.is-video{position:relative;background:#000}
.spot-canvas.is-video video{display:block;width:100%;height:auto}
.spot-canvas.is-video svg{position:absolute;inset:0;width:100%;height:100%}
/* حین رسم، کنترل‌های ویدئو زیر پوشش می‌مانند؛ برای اسکراب، خارج از ناحیهٔ رسم (نوار پایین) در دسترس‌اند */
.spot-canvas.is-video svg{bottom:44px;height:calc(100% - 44px)}
.spot-window{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;border:1px dashed var(--sk-line-strong,#cfd5df);border-radius:12px;background:var(--sk-surface-2,#f7f8fa)}
.spot-window__i{flex:1 1 100%;font-size:12px;color:var(--sk-ink-soft,#5b6472)}

/* ── Spot روی ویدئو در آزمون و مرور ── */
.spot-video-wrap{position:relative;line-height:0}
.spot-video-wrap > video{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important}
.spot-video-overlay{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
.spot-runtime--video .spot-tools{margin-top:8px}
.spot-keymap{margin:12px 0 8px;border:1px solid var(--sk-line,#e3e8ef);border-radius:12px;overflow:hidden;background:#111}
.spot-keymap svg{display:block;width:100%;height:auto}
.spot-keymap__bg{fill:#1c2128}
.spot-keyrows{margin:0 0 6px;padding:0 18px;font-size:12.5px;line-height:2;color:var(--sk-ink,#20324b)}

/* ── سؤال زنجیره‌ای: نقل پاسخ خودِ داوطلب داخل متن سؤال ── */
mark.chain-quote{background:var(--sk-amber-soft,#fff3c4);color:var(--sk-ink,#20324b);padding:0 6px;border-radius:6px;font-weight:700}
.chain-quote--empty{color:var(--sk-ink-faint,#8b93a1);font-style:normal}