/* This study alone changes. All editorial type, spacing and chrome are reused. */
.seed-sync{width:min(760px,100%);min-width:0;margin-inline:auto}
.seed-sync-stage{position:relative;aspect-ratio:16/9;background:#171717;overflow:hidden;--split:50%}
.seed-sync-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.seed-sync-stage [data-sync-after]{clip-path:inset(0 0 0 var(--split))}
.seed-sync-divider{position:absolute;inset:0 auto 0 var(--split);width:1px;background:var(--site-yellow,#FBB034);pointer-events:none}
.seed-sync-divider:after{content:'↔';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:27px;height:39px;border:1px solid #fff9;border-radius:20px;color:#fff;background:#29292990;font-size:18px;backdrop-filter:blur(4px)}
.seed-sync-split{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.seed-sync-stage:has(.seed-sync-split:focus-visible){outline:3px solid var(--site-yellow,#FBB034);outline-offset:3px}
.seed-sync-labels{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:12px 14px;background:linear-gradient(#0009,transparent);color:white;font-size:11px;line-height:1.7;pointer-events:none;gap:20px}
.seed-sync-controls{display:flex;gap:15px;align-items:center;margin-top:14px;min-width:0;color:var(--case-muted);font-size:11px}
.seed-sync-controls button{appearance:none;border:0;background:transparent;color:var(--case-ink);padding:6px 0;min-height:36px;flex-shrink:0;cursor:pointer;font:inherit;white-space:nowrap}
.seed-sync-controls button:focus-visible{outline:2px solid var(--site-yellow,#FBB034);outline-offset:4px}
.seed-sync-controls [data-sync-play]{min-width:54px;text-align:left}
.seed-sync-controls [data-sync-play]:before{content:'▶';font-size:9px;margin-right:7px}
.seed-sync[data-state='playing'] [data-sync-play]:before,.seed-sync[data-state='loading'] [data-sync-play]:before,.seed-sync[data-state='buffering'] [data-sync-play]:before{content:'Ⅱ'}
.seed-sync-progress{flex:1;min-width:30px;width:100%;margin:0;accent-color:var(--site-yellow,#FBB034);cursor:pointer}
.seed-sync-progress:focus-visible{outline:2px solid var(--site-yellow,#FBB034);outline-offset:5px}
.seed-sync-time{white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;font-size:10px}
.seed-sync-note,.seed-sync-status{color:var(--case-muted);font-size:11px;line-height:1.85;margin:7px 0 0}
.seed-sync-status:empty{display:none}
.seed-sync:fullscreen{width:100%;max-width:none;height:100dvh;box-sizing:border-box;padding:24px;display:flex;flex-direction:column;justify-content:center;background:var(--case-paper,#f6f6f6)}
.seed-sync:fullscreen .seed-sync-stage{width:min(100%,calc((100dvh - 160px)*16/9));flex-shrink:0;margin-inline:auto}
.seed-sync:fullscreen .seed-sync-controls,.seed-sync:fullscreen .seed-sync-note,.seed-sync:fullscreen .seed-sync-status{width:min(100%,calc((100dvh - 160px)*16/9));margin-inline:auto}
@media(max-width:560px){.seed-sync-labels{padding:8px;font-size:9px}.seed-sync-controls{gap:10px;font-size:10px}.seed-sync-controls [data-sync-play]{min-width:46px}.seed-sync-time{font-size:9px}.seed-sync-note,.seed-sync-status{font-size:10px}.seed-sync:fullscreen{padding:12px}}