/* My Sequence AnalysisSplitRow + AnnotationDock: video 68%, panel 32%. */
.review-workbench{--blue:#20629d;--ink:#222a35;position:fixed;inset:0;z-index:10000;margin:0;background:#edf2f6;color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow:hidden}.review-workbench [hidden]{display:none!important}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,32vw,460px);height:100%;gap:10px}.review-left{display:flex;flex-direction:column;min-width:0;padding:8px 0 12px 8px;min-height:0}.review-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#e9eef2;isolation:isolate}.review-stage video{position:absolute;width:100%;height:100%;object-fit:contain;transform-origin:center}.review-overlay,.review-plot{position:absolute;inset:0;width:100%;height:100%}.review-overlay{touch-action:none}.review-video-tools{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:8px;z-index:3;pointer-events:none}.review-video-tools>*{pointer-events:auto}.review-video-tools strong{color:white;font-size:24px;padding:8px 10px;background:#222b35ab;border-radius:8px}.review-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto;pointer-events:auto}.review-workbench button,.review-workbench select{font:inherit;cursor:pointer;border:0;border-radius:8px;background:transparent;color:inherit;min-height:44px;padding:8px 10px;white-space:nowrap}.review-workbench button:focus-visible{outline:3px solid #2387ca;outline-offset:-3px}.review-workbench button:disabled,.review-workbench select:disabled{opacity:.35;cursor:default}.review-video-tools button{background:#242b33b8;color:white;font-size:26px;min-width:48px;height:48px}.review-top-actions button:not([data-skeleton]){border-radius:50%;width:48px;padding:0}.review-top-actions [data-skeleton]{font-size:18px;font-weight:600;padding:0 14px}.review-top-actions button[aria-pressed=true]{color:#ffc400;background:#242b33e0}.review-dial{position:absolute;left:14px;bottom:14px;width:min(26%,200px);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:2}.review-video-empty{position:absolute;inset:75px 15px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#52657a;text-align:center;pointer-events:none}.review-video-empty b{font-size:20px}.review-video-empty small{font-size:14px;line-height:1.7}.review-status{font-size:12px;color:#546c82;min-height:18px;padding:3px 12px}.review-seek{width:calc(100% - 24px);margin:6px 12px 4px;accent-color:#20629d;height:26px;padding:0}.review-controls{display:flex;align-items:center;gap:16px;min-height:66px;padding:2px 14px}.review-controls button{font-size:25px;min-width:52px;color:#27313d}.review-controls [data-clock]{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:14px;flex:1}.review-controls select{width:auto;flex:0 0 auto;font-size:13px;color:#566c81}.review-right{min-width:0;min-height:0;display:flex;flex-direction:column;background:white}.review-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px;gap:10px}.review-panel-heading h2{margin:0;color:var(--ink);font-size:29px;font-weight:700;text-transform:none;letter-spacing:normal}.review-panel-heading button{color:var(--blue);font-size:14px;border:1px solid #d5dee8}.review-panel{flex:1;min-height:0;overflow:auto;padding:0 20px 16px}.review-metric{display:flex;align-items:center;gap:10px;min-height:75px;border-bottom:1px solid #e7ebef}.review-metric>span{display:flex;align-items:center;gap:7px;flex:1;font-weight:600;font-size:17px;white-space:nowrap}.review-metric i{width:10px;height:10px;border-radius:50%;flex:none}.review-metric strong{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.review-metric small{font-size:14px;font-weight:400;margin-left:4px}.review-order{font-size:12px!important;color:#677381;white-space:nowrap;margin:0!important}.review-metric .reverse{color:#e95758}.review-metric .forward{color:#20629d}.review-event{display:flex!important;align-items:center;justify-content:space-between;min-height:62px!important;width:100%;border-radius:0!important;border-bottom:1px solid #e7ebef!important;padding:10px 0!important;text-align:left;gap:12px}.review-event span{font-size:17px;font-weight:600}.review-event b{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.review-panel h3{font-size:18px;font-weight:600;margin:22px 0 12px;color:var(--ink);text-transform:none;letter-spacing:normal}.review-mini-plot{width:100%;height:165px;display:block}.review-live{display:flex;gap:22px;font-size:13px}.review-live b{display:block;font-size:23px;margin:5px 0}.review-note,.review-panel details{font-size:12px;color:#647386;line-height:1.65;overflow-wrap:anywhere}.review-panel [data-camera-angles]{white-space:pre-line;line-height:1.9;font-size:15px}.review-draw{flex:none;border:1px solid #9da9b9;border-radius:12px;margin:6px 8px 8px;padding:4px 6px;background:#f0f4f8}.review-draw [data-dock-open]{display:flex;align-items:center;gap:14px;min-height:62px;width:100%;color:var(--blue)}.review-draw [data-dock-open] span{font-size:20px;font-weight:500}.review-draw [data-dock-open] small{font-size:11px;color:#647386;white-space:normal;text-align:left}.review-tool-tabs{display:flex;flex-wrap:wrap;gap:0}.review-tool-tabs button{font-size:14px;padding:8px 6px;flex:1;min-width:40px}.review-tool-tabs button[aria-pressed=true]{color:var(--blue);background:#deebf7}.review-tool-actions{display:flex;align-items:center;gap:3px;border-top:1px solid #d6dee7;margin-top:4px}.review-tool-actions button{font-size:24px;width:44px;padding:4px;flex:none}.review-tool-actions small{font-size:11px;color:#68788b;line-height:1.4;white-space:normal}.review-palette{display:flex;align-items:center;gap:8px;padding:6px;flex-wrap:wrap}.review-palette [data-color]{width:26px;min-height:26px;height:26px;border:2px solid #bec9d7;background:var(--ink);padding:0;border-radius:50%}.review-palette [data-color][aria-pressed=true]{outline:2px solid #2567ab}.review-palette label{display:flex;align-items:center;gap:6px;font-size:12px}.review-palette select{width:60px}.review-raw-tools{border-top:1px solid #dae1e8;padding:14px 0;display:flex;flex-direction:column;gap:10px;font-size:13px}.review-raw-tools select{border:1px solid #b8c6d6;width:auto;min-width:130px;margin-left:10px}.review-loading-screen{position:fixed;inset:0;z-index:10000;background:#edf2f6;display:flex;align-items:center;justify-content:center;gap:12px;color:#30455e}.review-loading-screen button{position:absolute;top:18px;left:18px;border:0;padding:12px;color:#21649f;font-size:18px}.review-message{padding:12px;color:#486078}.review-message button{border:1px solid #bccad8;background:white;padding:8px;border-radius:6px}.review-spinner{display:inline-block;width:22px;height:22px;border:2px solid #a9b9cd;border-top-color:#21649f;border-radius:50%;animation:review-spin .8s linear infinite;vertical-align:middle;flex:none}@keyframes review-spin{to{transform:rotate(360deg)}}.scouting-detail[hidden]{display:none!important}
@media(max-width:999px){.review-layout{grid-template-columns:minmax(0,1fr) 35%;gap:6px}.review-panel{padding:0 12px 12px}.review-panel-heading{padding:10px 12px}.review-panel-heading h2{font-size:24px}.review-metric{min-height:64px;gap:5px}.review-metric strong{font-size:26px}.review-metric>span,.review-event span{font-size:15px}.review-event b{font-size:20px}.review-event{min-height:54px!important}.review-controls{gap:4px;padding:0 5px}.review-controls [data-clock]{font-size:15px;margin-left:5px}.review-video-tools{gap:3px}.review-top-actions{gap:5px}.review-video-tools strong{font-size:18px;padding:6px}.review-video-tools button{min-width:40px;width:40px;height:40px;font-size:23px}.review-top-actions [data-skeleton]{width:auto;font-size:14px;padding:0 9px}.review-top-actions button:not([data-skeleton]){width:40px}.review-draw [data-dock-open]{gap:8px}.review-draw [data-dock-open] span{font-size:17px}}
@media(max-width:620px) and (orientation:portrait){.review-layout{grid-template-columns:1fr;grid-template-rows:48% 52%;gap:0}.review-left{padding:4px}.review-panel-heading{padding:4px 12px}.review-right{overflow:hidden}.review-controls{min-height:45px}.review-controls [data-clock]{font-size:13px}.review-status{font-size:10px;min-height:12px}.review-draw [data-dock-open]{min-height:44px}.review-seek{margin:0 8px;height:20px}.review-panel-heading h2{font-size:22px}}
@media print{.review-workbench{display:none}}

.review-event span small{display:block;color:#20629d;font-size:13px;font-weight:400;margin-top:2px}.review-metric[data-metric]{cursor:pointer}.review-metric [data-metric-time]{font-size:14px;margin-left:auto;font-variant-numeric:tabular-nums}.review-metric[data-metric]:focus-visible{outline:2px solid #20629d;outline-offset:-2px}

.review-stage.skeleton-only{background:#203044}.review-top-actions [data-skeleton]{min-width:124px}
.review-dial-box{position:absolute;left:14px;bottom:14px;width:clamp(160px,25%,210px);z-index:2;pointer-events:none}
.review-dial-box .review-dial{position:relative;left:auto;bottom:auto;width:100%;display:block}
.review-dial-values{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;border-radius:10px;background:#101a2bea;padding:9px 10px;margin-bottom:6px;font-size:12px;text-align:center;color:white}
.review-dial-values b{display:block;font-size:17px;font-variant-numeric:tabular-nums}.review-dial-values .pelvis{color:#72c57b}.review-dial-values .trunk{color:#ff679b}.review-dial-values .separation{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px}

/* Phone dial footprint: title, translucent 100-unit circle, compact values. */
.review-dials{position:absolute;left:6%;bottom:2%;display:flex;align-items:flex-end;gap:16px;z-index:2;pointer-events:none;max-width:65%}
.review-dials .review-dial-box{position:static;width:clamp(130px,12.5vw,250px);max-width:23vw;text-align:center;flex:none}
.review-dials canvas{position:static;display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%}
.review-dial-title{display:inline-block;background:#0009;color:#fff;font-size:clamp(12px,1.3vw,20px);font-weight:600;padding:2px 7px;border-radius:7px;margin-bottom:1px}
.review-dials .review-dial-values{display:inline-flex;gap:8px;background:#0009;padding:3px 6px;border-radius:5px;margin:2px 0 0;font-size:clamp(11px,1.25vw,19px);font-weight:600;white-space:nowrap}
.review-dials .review-dial-values b{display:inline;font:inherit}.review-dial-values .pelvis{color:#66bb6a}.review-dial-values .trunk{color:#ec407a}.review-dial-values .pelvis-fb{color:#26c6da}.review-dial-values .trunk-fb{color:#ffa726}
.review-top-actions [data-dial][aria-pressed=true]{color:#66bb6a}.review-top-actions [data-frontback][aria-pressed=true]{color:#26c6da}
.review-controls [data-step]{touch-action:none;user-select:none;-webkit-user-select:none}

.review-video-empty [data-video-retry]{pointer-events:auto;padding:10px 18px;border:1px solid #20629d;border-radius:8px;color:#20629d;background:#fff;font:inherit;cursor:pointer}

.review-timeline-tools{position:absolute;top:70px;left:55px;right:24px;z-index:4;display:flex;align-items:center;gap:8px;background:#fffef8ee;border:1px solid #d6e0ea;border-radius:10px;padding:2px 10px;color:#243a52}.review-timeline-tools button{min-height:36px;background:#e5edf7;color:#20629d;font-size:14px}.review-timeline-tools output{min-width:45px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.review-timeline-tools small{margin-left:auto;font-size:12px;color:#647386}.review-timeline-pan{position:absolute;bottom:8px;left:55px;right:24px;z-index:4;display:flex;align-items:center;gap:12px;color:#52657a;font-size:12px;background:#edf2f6ee}.review-timeline-pan input{flex:1;min-width:60px;height:25px;accent-color:#20629d}.review-timeline-pan span{font-variant-numeric:tabular-nums;white-space:nowrap}.review-plot{touch-action:none;cursor:grab}.review-plot:active{cursor:grabbing}

.review-mini-tools{display:flex;align-items:center;gap:5px;margin:8px 0 3px;color:#52657a}.review-mini-tools button{min-height:32px;background:#e0eaf4;color:#20629d;padding:3px 9px;font-size:14px}.review-mini-tools output{font-size:12px;min-width:34px;text-align:center}.review-mini-tools small{font-size:11px;margin-left:auto}.review-mini-plot{touch-action:none;cursor:grab}.review-mini-plot:active{cursor:grabbing}