.review-layout>div{min-width:0}.player-wrap.native-player{aspect-ratio:var(--video-ratio);width:min(100%,var(--video-width));margin-inline:auto;max-height:none}.player-wrap.native-player video{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.player-wrap video:fullscreen{width:100vw;height:100vh;object-fit:contain;background:#000}.grid{align-items:start}.thumb.native-ratio{height:auto;aspect-ratio:var(--media-ratio)}.thumb.native-ratio .art{object-fit:contain;background:#17191d}.thumbnail-preview.native-ratio{width:min(100%,280px);aspect-ratio:var(--media-ratio);height:auto}.thumbnail-preview img{object-fit:contain}.timestamp:disabled{opacity:.55;cursor:default}.review-note-time{font-variant-numeric:tabular-nums}
/* The timeline is a precise control surface, with no duplicate video or preview frames. */
.review-timeline.precision-timeline{margin:0;padding:19px 22px 17px;background:linear-gradient(165deg,#fbfcfe,#f4f7fb);border:0;border-radius:0;--timeline-blue:#0878ed;--timeline-ink:#26364b;--timeline-muted:#758194}
.precision-timeline .review-transport{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;margin:0 0 18px}
.precision-timeline .review-playback-controls{display:flex;align-items:center;gap:11px;flex-shrink:0}
.precision-timeline .review-step-controls{display:flex;align-items:center;padding:3px;border:1px solid #ffffffdb;border-radius:24px;background:linear-gradient(150deg,#fff9,#e5edf5a6);box-shadow:inset 0 1px 1px #fff,0 2px 9px #304e7710;backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5)}
.precision-timeline .review-transport .btn{padding:0;min-width:38px;width:38px;height:38px;min-height:38px;border:1px solid #fff9;border-radius:50%;background:linear-gradient(150deg,#ffffffd6,#e8eef894);color:var(--timeline-ink);box-shadow:inset 0 1px 1px #fff,0 2px 8px #304b7011;flex-shrink:0}
.precision-timeline .review-transport .btn:hover{background:#fff;transform:none;box-shadow:inset 0 1px 1px #fff,0 3px 10px #304b701b}
.precision-timeline .review-transport .btn:active{transform:scale(.93)}
.precision-timeline .review-transport .review-play-button{width:44px;min-width:44px;height:44px;color:#fff;background:radial-gradient(ellipse at 30% 0,#ffffff70,transparent 70%),linear-gradient(155deg,#198df2,#066bd4);border:1px solid #fff9;box-shadow:inset 0 1px 1px #ffffffa8,inset 0 -1px 2px #014a8b65,0 5px 14px #0674e431}
.precision-timeline .review-step-controls .btn{border:0;background:transparent;box-shadow:none;width:34px;height:34px;min-width:34px;min-height:34px}
.precision-timeline svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.precision-timeline .review-play-button svg{width:21px;height:21px}
.precision-timeline .review-time-display{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;color:var(--timeline-muted);font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.precision-timeline [data-player-time]{width:94px;min-width:0;padding:7px 3px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:right;color:var(--timeline-ink);font:600 12px/1.25 var(--sans,system-ui);font-variant-numeric:tabular-nums;letter-spacing:-.2px;outline-offset:1px}
.precision-timeline [data-player-time]:hover{background:#eaf0f8;border-color:#dfe7f1}
.precision-timeline [data-player-time]:focus{background:#fff;border-color:#92bbed;outline:2px solid #b7d9ff;text-align:center}
.precision-timeline [data-player-time][aria-invalid=true]{border-color:#d34f40}
.precision-timeline .review-transport .review-fullscreen-button{margin-left:0}
.precision-timeline .review-timeline-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0;padding-inline:3px}
.precision-timeline [data-player-window]{font-size:10px;font-weight:600;color:var(--timeline-muted);letter-spacing:.15px}
.precision-timeline .review-precision-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:18px;background:transparent;color:#68778b;font:500 10px/1.2 var(--sans,system-ui);transition:background .18s,box-shadow .18s,color .18s}
.precision-timeline .review-precision-toggle svg{width:15px;height:15px}
.precision-timeline .review-precision-toggle:hover{background:#e6eef9;color:#246dbb}
.precision-timeline .review-precision-toggle[aria-pressed=true]{color:#086dcc;background:#e4f0ff;border-color:#ffffffdb;box-shadow:inset 0 1px #fff,0 2px 5px #3564a21a}
.precision-timeline .timeline-track{position:relative;height:51px;border:0;border-radius:10px;background:transparent;overflow:visible;isolation:isolate;margin-inline:7px;touch-action:none}
.precision-timeline .timeline-rail{position:absolute;inset:21px 0 auto;height:6px;border-radius:6px;background:#dce3ed;box-shadow:inset 0 1px 2px #53698613;overflow:hidden;pointer-events:none}
.precision-timeline .timeline-rail span{display:block;height:100%;width:var(--playhead,0%);border-radius:inherit;background:linear-gradient(90deg,#62a9f9,var(--timeline-blue))}
.precision-timeline .timeline-ruler{position:absolute;inset:34px 0 auto;height:9px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.precision-timeline .timeline-ruler i{display:block;width:1px;height:3px;background:#b9c6d8;border-radius:1px}
.precision-timeline .timeline-ruler i.major{height:7px;background:#8b9caf}
.precision-timeline .timeline-playhead{position:absolute;left:var(--playhead,0%);top:12px;bottom:auto;transform:translateX(-50%);width:13px;height:25px;border-radius:7px;border:1px solid #ffffffeb;background:linear-gradient(100deg,#ecf4ffac,#ffffffee 45%,#d5e5f6bc);box-shadow:inset 1px 0 1px #fff,inset -1px 0 1px #aac5e562,0 2px 5px #193e6b40,0 0 0 .5px #8faccd6e;backdrop-filter:blur(6px) saturate(1.7);-webkit-backdrop-filter:blur(6px) saturate(1.7);pointer-events:none;z-index:1;transition:width .12s,height .12s,top .12s}
.precision-timeline .timeline-playhead:before{content:'';position:absolute;inset:6px auto 6px 5px;width:1px;height:auto;border:0;border-radius:1px;background:#7799be7d;box-shadow:none;transform:none}
.precision-timeline .timeline-track:has(.review-scrubber:active) .timeline-playhead{width:17px;height:29px;top:10px;box-shadow:inset 1px 0 1px #fff,0 3px 10px #193e6b40,0 0 0 4px #2184e90d}
.precision-timeline .timeline-track:has(.review-scrubber:active) .timeline-playhead:before{left:7px;transform:none;box-shadow:none}
.precision-timeline .review-scrubber{appearance:none;-webkit-appearance:none;position:absolute;inset:0;display:block;width:100%;height:51px;margin:0;border:0;border-radius:10px;background:transparent;cursor:ew-resize;touch-action:none;z-index:2;opacity:1;outline-offset:2px}
.precision-timeline .review-scrubber::-webkit-slider-runnable-track{height:51px;background:transparent;border:0}
.precision-timeline .review-scrubber::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:51px;border:0;background:transparent}
.precision-timeline .review-scrubber::-moz-range-track{height:51px;background:transparent;border:0}
.precision-timeline .review-scrubber::-moz-range-thumb{width:1px;height:51px;border:0;border-radius:0;background:transparent}
.precision-timeline .review-scrubber:focus-visible{outline:2px solid #6ca8ef;outline-offset:2px}
.precision-timeline .review-time-scale{display:flex;justify-content:space-between;gap:4px;padding-inline:6px;font-size:9px;line-height:1.5;font-weight:500;color:#8a96a7;font-variant-numeric:tabular-nums;pointer-events:none}
.precision-timeline .review-markers{position:relative;height:27px;margin:3px 7px 0}
.precision-timeline .review-markers[hidden]{display:none}
.precision-timeline .review-marker{position:absolute;top:0;transform:translateX(-50%);width:28px;height:28px;border:0;background:transparent;padding:0;border-radius:50%;z-index:3}
.precision-timeline .review-marker:after{content:'';position:absolute;left:10px;top:10px;width:8px;height:8px;border-radius:50%;background:#cf9229;box-shadow:0 0 0 2px #fff}
.precision-timeline .review-marker:hover:after{background:#bd7b15;box-shadow:0 0 0 3px #f2d9a2}
.precision-timeline .review-marker:focus-visible{outline:2px solid #2279d3;outline-offset:0}
.precision-timeline .review-timeline-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;margin-top:15px}
.precision-timeline #review-scrub-help{color:#8592a4;font-size:10px;line-height:1.65;max-width:none}
.precision-timeline .review-keyboard-help{display:block;color:#9ba7b6;font-size:9px}
.precision-timeline .review-timeline-footer .btn{min-height:38px;padding:8px 12px;color:#1266bd;background:linear-gradient(150deg,#eef6ff,#e0eeffb3);border:1px solid #ffffffec;border-radius:21px;box-shadow:inset 0 1px #fff,0 2px 6px #2678ca15;font-size:11px;white-space:nowrap;flex-shrink:0}
.precision-timeline .review-timeline-footer .btn svg{width:16px;height:16px}
.precision-timeline [data-player-status]{margin:12px 0 0;color:#a75035;font-size:11px;line-height:1.6}
.precision-timeline [data-player-status]:empty{display:none}.precision-timeline button:disabled,.precision-timeline input:disabled{opacity:.4;cursor:default}
@media(max-width:600px){.review-timeline.precision-timeline{padding:16px 15px}.precision-timeline .review-transport{gap:8px;margin-bottom:13px;flex-wrap:wrap}.precision-timeline .review-playback-controls{gap:6px}.precision-timeline .review-play-button{order:0}.precision-timeline .review-time-display{margin-left:auto;gap:4px;font-size:9px}.precision-timeline [data-player-time]{font-size:16px;width:92px;letter-spacing:-.8px;padding-inline:1px}.precision-timeline .review-transport .review-fullscreen-button{width:32px;height:32px;min-width:32px;min-height:32px}.precision-timeline .review-timeline-footer .btn{min-height:42px}.precision-timeline .review-precision-toggle{min-height:36px;font-size:11px}.precision-timeline .review-keyboard-help{display:none}.precision-timeline #review-scrub-help{font-size:10px;max-width:110px}.precision-timeline .timeline-track,.precision-timeline .review-scrubber{height:55px}.precision-timeline .review-time-scale{font-size:9px}.player-wrap.native-player{--video-width:100%!important;max-height:68vh;width:auto;max-width:100%;justify-self:center}.player-wrap.native-player video{max-height:68vh;width:auto;max-width:100%}}
@media(max-width:400px){.precision-timeline .review-transport{gap:7px}.precision-timeline .review-time-display [data-player-duration]{display:none}.precision-timeline .review-time-display>span[aria-hidden]{display:none}.precision-timeline .review-time-display:after{content:''}.precision-timeline .review-time-display{margin-left:auto}.precision-timeline .review-step-controls .btn{width:32px;min-width:32px}.precision-timeline .review-transport .review-play-button{width:42px;min-width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.precision-timeline .timeline-playhead,.precision-timeline button{transition:none!important}}
@media(prefers-contrast:more){.precision-timeline .timeline-rail{background:#91a1b8}.precision-timeline .review-time-scale,.precision-timeline [data-player-window],.precision-timeline #review-scrub-help{color:#45566b}.precision-timeline .timeline-playhead{border-color:#274b7c}.precision-timeline .timeline-ruler i{background:#718499}}
@media(prefers-reduced-transparency:reduce){.precision-timeline .review-step-controls,.precision-timeline .timeline-playhead{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}