/* Soft player surfaces; the wide storyboard is the seek target. */
.preview-column{background:#101416;border-color:#ffffff0b;border-radius:16px;padding:14px;gap:10px}
.review-heading small{color:#849598}.review-heading h2{color:#edf2f1;font-weight:550}.review-nav{gap:6px}.review-nav button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#ffffff09;color:#aebfbd}.review-nav button:hover{background:#ffffff17;color:#fff}
.stage{border-radius:12px;background:#080b0d}#reviewPanel .player-wrap{display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:#080b0d}.media-screen{position:relative;flex:1;min-height:0;width:100%;overflow:hidden}
.screen-seek{display:none;position:absolute;top:0;bottom:0;width:50%;overflow:hidden;border:0;border-radius:0;background:transparent!important;color:#fff;z-index:2;padding:0}.has-video .screen-seek{display:block}.screen-seek.left{left:0}.screen-seek.right{right:0}.screen-seek:focus-visible{outline:2px solid #8fe4cb;outline-offset:-4px}
.seek-ripple{position:absolute;width:170%;height:180%;top:-40%;left:-35%;border-radius:50%;background:#ffffff17;opacity:0;pointer-events:none}.seek-arrows{position:absolute;width:44px;height:28px;top:calc(50% - 14px);left:calc(50% - 22px);fill:#fffffff0;filter:drop-shadow(0 2px 6px #0005);opacity:0;pointer-events:none}.screen-seek.left .seek-arrows{rotate:180deg}#mediaScreen.seeking-feedback .center-play{opacity:0;pointer-events:none}
.center-play{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;padding:0;place-items:center;border-radius:50%;background:#14232a2b;border:1px solid #ffffff28;color:#fff;backdrop-filter:blur(3px);box-shadow:0 3px 16px #0001;z-index:4;opacity:0;pointer-events:none;transition:opacity .18s,background .18s}.has-video .center-play{display:grid}.center-play svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.media-screen:hover .center-play,.center-play:focus-visible{opacity:1;pointer-events:auto}.center-play:hover{background:#ffffff26;border-color:#ffffff60}.center-play:focus-visible{outline:2px solid #9ae6d0;outline-offset:4px}.center-play:disabled{pointer-events:none}
#seekFeedback{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#162327b8;backdrop-filter:blur(16px);padding:8px 16px;border-radius:24px;font-size:11px;color:#d8f4ea;opacity:0;pointer-events:none;z-index:3;transition:opacity .18s}#seekFeedback.visible{opacity:1}
.player-controls{flex-shrink:0;background:linear-gradient(180deg,#141c20,#12191c);padding:13px 12px 10px;min-width:0;border:0}.player-control-row{display:flex;gap:11px;align-items:center;flex-wrap:wrap;min-width:0;margin-bottom:12px}.player-control-row button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;font-size:11px;padding:0;width:32px;height:32px;min-height:32px;background:transparent;color:#96a8ac;transition:background .16s,color .16s,transform .16s}.player-control-row button:hover{color:#eafbf5;background:#ffffff0c}.player-control-row button:focus-visible{outline:2px solid #8fe4cb;outline-offset:3px}.player-control-row button:active{transform:scale(.94)}.player-control-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#playToggle{width:36px;height:36px;min-height:36px;background:#9ae6d0;color:#102a26;box-shadow:0 3px 14px #78dab520}#playToggle:hover{background:#b2f0df}#playToggle svg{width:18px;height:18px}#muteToggle[aria-pressed=true]{background:#ffffff0b;color:#e6efec}.player-time{font-size:11px;color:#b9c9c9;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.25px}.speed-buttons{display:flex;gap:2px;margin-left:auto;background:#ffffff06;border:1px solid #ffffff06;padding:3px;border-radius:24px}.speed-buttons button{width:auto;min-width:33px;height:26px;min-height:26px;padding:4px 8px;font-size:10px;border-radius:20px;color:#8b9fa4}.speed-buttons button[aria-pressed=true]{background:#35484a;color:#d6f5ec;box-shadow:0 2px 6px #0002}
.video-timeline{position:relative;width:100%;height:58px;border:0;border-radius:10px;cursor:pointer;touch-action:none;user-select:none;isolation:isolate;background:#202c2e;--progress:0%;--scan:0%}.video-timeline:focus-visible{outline:2px solid #91dcc6;outline-offset:4px}.timeline-frames{display:flex;position:absolute;inset:0;overflow:hidden;border-radius:10px}.timeline-frame{flex:1;min-width:0;position:relative;background:linear-gradient(135deg,#2d3d40,#1c262b)}.timeline-frame img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.timeline-frame:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#07101499);pointer-events:none}.timeline-frame span{position:absolute;bottom:5px;left:5px;font-size:8px;font-variant-numeric:tabular-nums;color:#f0f6f4;text-shadow:0 1px 3px #000;z-index:1;pointer-events:none}.timeline-frame:nth-child(even):not(:last-child) span{display:none}
.timeline-fill{position:absolute;inset:0 auto 0 0;width:var(--progress);border-radius:10px 0 0 10px;background:#95ecd208;border-bottom:2px solid #a1f0d5;pointer-events:none}.timeline-handle{position:absolute;top:-3px;bottom:-3px;left:clamp(-10px,calc(var(--progress) - 10px),calc(100% - 14px));width:24px;cursor:grab;touch-action:none;z-index:2}.timeline-handle:before{content:'';position:absolute;inset:0 auto 0 10px;width:4px;border-radius:4px;background:#dcfff2;box-shadow:0 0 0 1px #14282e55,0 0 12px #ade9d53d;pointer-events:none}.timeline-handle:hover:before{background:#fff;box-shadow:0 0 14px #ade9d580}.video-timeline.scanning,.scanning .timeline-handle{cursor:grabbing}.timeline-scan{display:none;position:absolute;top:0;bottom:0;left:clamp(0px,var(--scan),calc(100% - 1px));border-left:1px solid #fff9;pointer-events:none}.scanning .timeline-scan{display:block}#timelineCursor{position:absolute;top:-27px;left:clamp(0px,var(--scan),calc(100% - 44px));font-size:10px;font-variant-numeric:tabular-nums;background:#d9f7ec;color:#19352f;border-radius:7px;padding:4px 6px;box-shadow:0 3px 10px #0003;pointer-events:none;display:none}.scanning #timelineCursor{display:block}.timeline-note{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#768d92;margin-top:9px;line-height:1.3}.video-timeline[aria-disabled=true]{opacity:.5;cursor:default}.preview-column .media-info{color:#839a9c}.preview-column .path{color:#697f84}
@media(max-width:600px){.preview-column{padding:7px;gap:7px;border-radius:12px}.player-controls{padding:9px 7px}.player-control-row{gap:5px;margin-bottom:9px}.player-control-row button{width:27px;height:27px;min-height:27px}#playToggle{width:30px;height:30px;min-height:30px}.speed-buttons{margin-left:0;gap:0;padding:2px;max-width:100%}.speed-buttons button{min-width:0;width:auto;padding:4px 6px;font-size:9px}.video-timeline{height:46px;border-radius:8px}.timeline-frames{border-radius:8px}.timeline-frame span{display:none}.timeline-frame:first-child span,.timeline-frame:last-child span{display:block}.timeline-note span:last-child{display:none}.player-time{font-size:9px;letter-spacing:0}.timeline-note{font-size:8px}.review-nav button{width:28px;height:28px}.center-play{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){#reviewPanel .player-control-row button,#seekFeedback,.center-play{transition:none}}