.player-controls.svelte-no8mbd{display:flex;align-items:center;gap:6px;padding:5px 8px;min-height:54px;background:#eff3f9}button.svelte-no8mbd{width:44px;height:44px;display:grid;place-items:center;color:#1d4ed8;flex-shrink:0;border-radius:6px}button.svelte-no8mbd:hover{background:#dce8fc}button.svelte-no8mbd:disabled{opacity:.5}.player-seek.svelte-no8mbd{min-width:32px;width:100%;flex:1;height:44px;margin:0;accent-color:#1d4ed8}.player-time.svelte-no8mbd{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}@media(max-width:600px){.player-controls.svelte-no8mbd{flex-wrap:wrap;gap:0 5px;padding:4px 6px}.player-seek.svelte-no8mbd{order:-1;flex:0 0 100%;height:30px}.player-time.svelte-no8mbd{flex:1;font-size:14px}}.video-playback-surface.svelte-hn9o7q{position:absolute;inset:0;z-index:3;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none}.video-playback-surface.svelte-hn9o7q:focus-visible{outline-offset:-4px}.center-playback-control.svelte-hn9o7q{display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff99;border-radius:50%;background:#0b1329bf;box-shadow:0 2px 12px #0004;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity .15s,transform .15s}.video-playback-surface.svelte-hn9o7q:not(.playing):not(:disabled) .center-playback-control:where(.svelte-hn9o7q),.video-playback-surface.svelte-hn9o7q:focus-visible .center-playback-control:where(.svelte-hn9o7q){opacity:1;transform:none}@media(hover:hover){.video-playback-surface.svelte-hn9o7q:hover:not(:disabled) .center-playback-control:where(.svelte-hn9o7q){opacity:1;transform:none}}.video-playback-surface.dragging.svelte-hn9o7q{cursor:ew-resize}.video-playback-surface.dragging.svelte-hn9o7q .center-playback-control:where(.svelte-hn9o7q){opacity:0}@media(prefers-reduced-motion:reduce){.center-playback-control.svelte-hn9o7q{transition:none}}.comparison-preview.svelte-c4mbx7{margin-top:24px;border-top:1px solid #dce3ed;padding-top:20px}.comparison-heading.svelte-c4mbx7{margin-bottom:12px}h4.svelte-c4mbx7{margin:0;font-size:18px;font-weight:650}.comparison-heading.svelte-c4mbx7 p:where(.svelte-c4mbx7),.comparison-note.svelte-c4mbx7{margin:5px 0 0;font-size:14px;color:#526379;line-height:1.5}.comparison-player.svelte-c4mbx7{background:#eff3f9;border:1px solid #dce3ed;border-radius:10px;overflow:hidden}.comparison-player.svelte-c4mbx7:fullscreen{border:0;border-radius:0}.comparison-frame.svelte-c4mbx7{position:relative;width:min(100%,calc(75svh * var(--media-ratio)));aspect-ratio:var(--media-ratio);margin:auto;background:#101b2f}video.svelte-c4mbx7,canvas.svelte-c4mbx7{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}canvas.svelte-c4mbx7{opacity:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}canvas.ready.svelte-c4mbx7{opacity:1}.compare-label.svelte-c4mbx7{position:absolute;top:10px;padding:4px 8px;background:#101b2fd9;border-radius:4px;color:#fff;font-size:13px;line-height:1.35;pointer-events:none;z-index:1}.before.svelte-c4mbx7{left:10px}.after.svelte-c4mbx7{right:10px}.divider.svelte-c4mbx7{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 5px #0008;pointer-events:none}.comparison-waiting.svelte-c4mbx7{position:absolute;inset:0 calc(100% - var(--split)) 0 0;display:grid;place-items:center;overflow:hidden;background:#101b2f;color:#fff;font-size:14px;text-align:center;pointer-events:none}.divider.svelte-c4mbx7>span:where(.svelte-c4mbx7){position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:44px;height:44px;border:2px solid white;border-radius:50%;background:#fff;color:#1d4ed8;display:grid;place-items:center;box-shadow:0 2px 8px #0005}.comparison-slider.svelte-c4mbx7{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.comparison-frame.svelte-c4mbx7:has(.comparison-slider:where(.svelte-c4mbx7):focus-visible) .divider:where(.svelte-c4mbx7)>span:where(.svelte-c4mbx7){outline:3px solid #60a5fa;outline-offset:3px}.preview-failure.svelte-c4mbx7{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#fff;background:#101b2f;text-align:center}@media(max-width:600px){.compare-label.svelte-c4mbx7{font-size:12px;top:8px}.before.svelte-c4mbx7{left:8px}.after.svelte-c4mbx7{right:8px}.divider.svelte-c4mbx7>span:where(.svelte-c4mbx7){width:36px;height:36px}.comparison-note.svelte-c4mbx7{font-size:14px}}