:root { color-scheme: light; --ink:#17212e; --muted:#5e6c7c; --blue:#0866dc; --cyan:#00a6c8; --line:#e0e7ef; --soft:#f5f8fc; --radius:14px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:94px; }
body { margin:0; background:#fff; color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button,a,input { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:default; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--blue); }
button,a,input { touch-action:manipulation; }
:focus-visible { outline:3px solid #1686fa; outline-offset:5px; }
img { max-width:100%; height:auto; display:block; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { line-height:1.16; letter-spacing:-.045em; }
h2 { font-size:clamp(30px,3.2vw,40px); font-weight:650; }
h3 { font-size:19px; letter-spacing:-.025em; }
sup { font-size:.65em; vertical-align:super; }
.container { max-width:1160px; padding-inline:28px; margin-inline:auto; }
.section { padding-block:86px; }
.icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; vertical-align:middle; }
.icon.small { width:16px; height:16px; }
.flipped { transform:rotate(180deg); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-60px; left:16px; z-index:100; background:white; padding:8px 16px; }
.skip-link:focus { top:12px; }
.site-header { position:sticky; top:0; z-index:30; background:rgb(255 255 255 / 95%); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
.nav-shell { max-width:1336px; margin:auto; padding:0 36px; height:68px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.wordmark { font-weight:850; font-size:24px; font-style:italic; letter-spacing:-1.2px; }
.wordmark>span:not(.wordmark-slash) { color:var(--blue); }
.wordmark-slash { color:#b2c3d7; display:inline-block; margin-left:14px; font-weight:400; }
nav { display:flex; gap:32px; margin-left:auto; }
nav a,.nav-code { font-size:14px; font-weight:550; }
nav a { color:var(--muted); }
nav a[aria-current] { color:var(--blue); }
.nav-code { display:flex; align-items:center; gap:10px; border-left:1px solid var(--line); padding-left:26px; }
.hero { text-align:center; padding-top:46px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--blue); font-size:12px; font-weight:700; letter-spacing:.15em; line-height:1.4; }
.hero-brand { display:flex; align-items:center; justify-content:center; gap:16px; margin:15px 0 12px; }
.hero-mark { width:102px; height:50px; overflow:hidden; flex-shrink:0; }
.hero-mark img { width:102px; mix-blend-mode:multiply; }
.hero-brand>span:not(.hero-mark) { font-size:68px; font-weight:850; font-style:italic; letter-spacing:-4px; line-height:1.2; }
.blue { color:var(--blue); }
h1 { font-size:clamp(32px,3.65vw,46px); font-weight:650; letter-spacing:-.05em; }
.hero-description { max-width:850px; margin:17px auto 0; color:var(--muted); font-size:17px; }
.authors { display:flex; flex-wrap:wrap; gap:8px 21px; justify-content:center; margin-top:25px; font-weight:550; font-size:16px; }
.authors a { color:#23598c; }
.authors a:hover { text-decoration:underline; }
.authors sup { margin-left:3px; }
.affiliations { display:flex; gap:24px; justify-content:center; color:var(--muted); font-size:14px; margin-top:7px; }
.author-notes { color:#6b7483; font-size:12px; margin-top:4px; }
.author-notes>span { margin-inline:9px; }
.resource-links { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:9px; padding:10px 17px; border:1px solid #d8e0e9; border-radius:8px; font-size:14px; font-weight:600; background:white; transition:background .2s, transform .2s; }
.button:hover { background:var(--soft); transform:translateY(-2px); }
.button.primary { background:var(--ink); border-color:var(--ink); color:#fff; }
.button.primary:hover { background:#263e5c; }
.hero-stats { display:grid; grid-template-columns:repeat(4,1fr); margin-top:42px; border-block:1px solid var(--line); padding-block:22px; }
.hero-stats>div { display:flex; flex-direction:column; justify-content:center; gap:4px; }
.hero-stats>div+div { border-left:1px solid var(--line); }
.hero-stats strong { font-size:30px; line-height:1.2; font-weight:650; letter-spacing:-1px; }
.hero-stats strong span { font-size:17px; font-weight:500; letter-spacing:-.4px; color:var(--muted); }
.hero-stats>div>span { font-size:12px; color:var(--muted); }
.benchmark-note { font-size:12px; color:var(--muted); text-align:center; margin-top:12px; }
.results-section { padding-top:60px; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin-bottom:28px; }
.section-heading .eyebrow { margin-bottom:12px; }
.section-heading>p { color:var(--muted); font-size:14px; max-width:305px; text-align:right; }
#method .section-heading, #results .section-heading { flex-wrap:wrap; row-gap:12px; }
#method .section-heading>p, #results .section-heading>p { max-width:none; flex-shrink:0; white-space:nowrap; }
.long-video-layout { display:grid; grid-template-columns:minmax(0,380px) minmax(0,1fr); gap:40px; max-width:980px; margin-inline:auto; align-items:end; }
.long-video-picker { padding-top:4px; min-width:0; align-self:end; display:flex; flex-direction:column; }
.video-notes { margin-top:12px; }
.media-note { color:var(--muted); font-size:13px; line-height:1.7; max-width:420px; }
.media-note + .media-note { margin-top:6px; }
.media-note a { color:var(--blue); text-decoration:underline; text-underline-offset:2px; }
.long-video-layout .sync-label,.long-video-layout .control-divider { display:none; }
.comparison { background:#101820; border-radius:var(--radius); overflow:hidden; box-shadow:0 14px 38px #17212e12; }
.video-stage { position:relative; aspect-ratio:9/16; --split:50%; background:#15212f; }
.video-stage video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
#video-lq { clip-path:inset(0 calc(100% - var(--split)) 0 0); }
.video-label { position:absolute; top:21px; z-index:3; display:flex; gap:8px; align-items:center; padding:5px 12px; color:#fff; border:1px solid #ffffff38; background:#132130b8; backdrop-filter:blur(12px); border-radius:5px; font-size:15px; font-weight:600; pointer-events:none; }
.video-label.left { left:20px; }
.video-label.right { right:20px; }
.comparison-divider { position:absolute; top:0; bottom:0; left:var(--split); width:2px; transform:translateX(-50%); background:#fff; box-shadow:0 0 8px #0002; pointer-events:none; }
.comparison-divider>span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:46px; height:46px; background:white; color:#2469aa; border-radius:50%; box-shadow:0 3px 15px #0002; }
.comparison-divider .icon { width:17px; }
.compare-slider { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:4; touch-action:pan-y; }
.video-stage:has(.compare-slider:focus-visible) { outline:4px solid #73cfff; outline-offset:-5px; }
.player-message { position:absolute; left:50%; top:70%; width:min(90%,440px); transform:translate(-50%,-50%); margin:0; text-align:center; background:#132130ed; color:#fff; padding:10px 20px; border-radius:6px; font-size:14px; z-index:5; pointer-events:none; }
.player-controls { display:flex; align-items:center; gap:14px; padding:11px 16px; color:#e1eaf3; }
.icon-button { border:0; background:none; color:inherit; padding:4px; min-width:32px; min-height:32px; display:flex; align-items:center; justify-content:center; border-radius:4px; }
.icon-button:hover { background:#ffffff1a; }
.player-time { font-size:12px; font-variant-numeric:tabular-nums; }
#seek-slider { min-width:30px; flex:1; accent-color:#56c7f3; height:20px; cursor:pointer; }
.sync-label { font-size:10px; letter-spacing:.08em; color:#a5b7c8; white-space:nowrap; }
.control-divider { width:1px; height:16px; background:#ffffff26; }
.gallery-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.gallery-controls h3 { font-size:18px; }
.demo-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; flex:1; }
.demo-category { min-width:0; display:flex; flex-direction:column; }
.demo-category-title { font-size:14px; font-weight:650; color:var(--blue); margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.demo-list { display:flex; flex-direction:column; gap:12px; flex:1; }
.demo-button { display:flex; align-items:center; gap:14px; border:1px solid var(--line); color:var(--muted); background:#fff; padding:8px; border-radius:10px; font-size:12px; text-align:left; transition:border-color .2s; min-width:0; flex:1; }
.demo-button img { width:63px; height:112px; border-radius:5px; object-fit:cover; flex-shrink:0; }
.demo-label { font-size:14px; font-weight:600; line-height:1.45; }
.demo-button[aria-pressed=true] { color:var(--blue); border-color:var(--blue); background:#f1f7ff; }
.gallery-pagination { display:flex; align-items:center; gap:9px; }
.gallery-pagination>span { font-size:12px; font-variant-numeric:tabular-nums; color:var(--muted); margin-right:10px; }
.outline-icon { background:#fff; border:1px solid var(--line); border-radius:7px; color:var(--ink); display:flex; align-items:center; justify-content:center; min-width:36px; min-height:36px; padding:7px; }
.outline-icon:hover { border-color:var(--blue); color:var(--blue); }
.comparison:fullscreen { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; border-radius:0; }
.comparison:fullscreen .video-stage { width:100%; flex:1; min-height:0; aspect-ratio:auto; }
.comparison:fullscreen .player-controls { flex-shrink:0; }
.abstract-section { background:var(--soft); border-block:1px solid var(--line); padding-block:67px; }
.abstract-layout { display:grid; grid-template-columns:1fr 1.25fr; gap:90px; }
.abstract-layout .eyebrow { margin-bottom:20px; }
.abstract-layout h2 { font-size:32px; line-height:1.3; }
.text-link { display:inline-flex; align-items:center; gap:12px; color:var(--blue); font-size:14px; font-weight:550; margin-top:24px; }
.abstract-text p { color:#4e5c6d; margin-bottom:16px; }
.abstract-text p:last-child { margin-bottom:0; }
.abstract-text strong { font-weight:600; color:var(--ink); }
.figure-panel { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff; }
.figure-button { display:block; position:relative; width:100%; padding:22px; background:#fff; border:0; cursor:zoom-in; }
.figure-button img { width:100%; }
.enlarge-hint { display:inline-flex; gap:7px; align-items:center; position:absolute; right:13px; bottom:12px; font-size:11px; background:#fffffff0; border:1px solid var(--line); border-radius:5px; padding:4px 8px; color:var(--muted); }
.enlarge-hint .icon { width:14px; height:14px; }
figcaption { padding:13px 22px; font-size:13px; line-height:1.6; color:var(--muted); border-top:1px solid var(--line); }
.method-notes { display:grid; grid-template-columns:repeat(3,1fr); margin-top:33px; gap:30px; }
.method-notes article { padding-right:25px; }
.method-notes article+article { border-left:1px solid var(--line); padding-left:30px; }
.note-number { font-family:ui-monospace,monospace; color:var(--blue); font-size:12px; display:block; margin-bottom:14px; }
.method-notes h3 { margin-bottom:12px; }
.method-notes p { font-size:14px; color:var(--muted); }
.efficiency-section { background:var(--soft); border-block:1px solid var(--line); }
.efficiency-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr); gap:24px; align-items:stretch; }
.quality-panel .figure-button { padding:12px; }
.quality-panel figcaption { padding:16px 20px; }
.quality-panel figcaption strong { display:block; color:var(--ink); font-size:14px; font-weight:600; margin-bottom:4px; }
.quality-panel .enlarge-hint { top:20px; bottom:auto; right:20px; }
.efficiency-charts { display:grid; grid-template-rows:1fr 1fr; gap:20px; }
.chart-panel { display:flex; flex-direction:column; background:#fff; padding:22px; border:1px solid var(--line); border-radius:var(--radius); }
.chart-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; gap:10px; }
.chart-title span { color:var(--muted); font-size:11px; }
.bar-chart { display:flex; flex-direction:column; justify-content:space-between; gap:13px; flex:1; }
.bar-row { display:grid; grid-template-columns:105px minmax(0,1fr) 42px; gap:10px; align-items:center; font-size:12px; }
.bar-track { background:#f4f6f9; border-radius:2px; height:22px; }
.bar { height:100%; width:var(--value); background:#b9c6d6; border-radius:2px; min-width:2px; }
.bar-row.ours { font-weight:700; color:var(--blue); }
.ours .bar { background:linear-gradient(90deg,#1169e3,#08a6cf); }
.bar-value { text-align:right; font-variant-numeric:tabular-nums; }
.efficiency-section .benchmark-note { margin-top:18px; }
.section-intro { color:var(--muted); max-width:850px; margin-top:-8px; margin-bottom:28px; }
.dataset-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.dataset-buttons button { background:#fff; color:var(--muted); border:1px solid var(--line); border-radius:6px; padding:8px 19px; font-size:14px; }
.dataset-buttons button[aria-pressed=true] { background:var(--ink); color:white; border-color:var(--ink); }
.table-caption { display:flex; justify-content:space-between; align-items:center; margin-bottom:13px; font-size:13px; gap:15px; }
.table-caption>span:first-child { font-weight:600; }
.best-key { color:var(--blue); margin-right:20px; }
.second-key { color:#5c6574; text-decoration:underline; font-weight:400; }
.table-scroll { width:100%; overflow:auto; border:1px solid var(--line); border-radius:10px; }
table { border-collapse:collapse; table-layout:fixed; width:100%; min-width:calc((var(--metric-count, 8) + 1) * 120px); font-size:13px; text-align:center; white-space:nowrap; font-variant-numeric:tabular-nums; }
thead { background:#f6f8fb; }
th,td { padding:14px 12px; border-bottom:1px solid var(--line); }
thead th { color:#4c5869; font-size:12px; font-weight:550; }
th:first-child { position:sticky; left:0; background:white; z-index:1; }
thead th:first-child { background:#f6f8fb; }
tbody th { font-weight:500; }
tbody tr:last-child th,tbody tr:last-child td { border-bottom:0; }
tr.ours th,tr.ours td { background:#edf5ff; }
tr.ours th { color:var(--blue); font-weight:700; }
tr.group-boundary th,tr.group-boundary td { border-bottom:2px solid #c7d2df; }
td.best { font-weight:750; color:var(--blue); }
td.second { text-decoration:underline; text-underline-offset:3px; }
.table-note { color:var(--muted); font-size:12px; margin-top:13px; }
.qualitative-section { margin-top:54px; padding-top:38px; border-top:1px solid var(--line); }
.qualitative-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:24px; }
.qualitative-heading .eyebrow { margin-bottom:10px; }
.qualitative-heading h3 { font-size:28px; font-weight:650; }
.qualitative-heading>p { color:var(--muted); font-size:14px; }
.visual-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); margin-bottom:24px; }
.visual-tabs button { position:relative; background:none; border:0; padding:0 2px 13px; color:var(--muted); font-size:15px; font-weight:550; }
.visual-tabs button[aria-selected=true] { color:var(--blue); }
.visual-tabs button[aria-selected=true]::after { content:""; position:absolute; height:3px; background:var(--blue); inset:auto 0 -1px; border-radius:3px 3px 0 0; }
.figure-gallery-controls { display:flex; align-items:center; justify-content:flex-start; gap:16px; margin-bottom:16px; }
.figure-gallery-count { color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.figure-gallery-nav { display:flex; gap:8px; }
.paper-figure .figure-button { padding:0; aspect-ratio:8/5; }
.paper-figure .figure-button img { position:absolute; inset:14px; width:calc(100% - 28px); height:calc(100% - 28px); object-fit:contain; }
.paper-figure figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:80px; }
.paper-figure figcaption strong { display:block; font-size:13px; font-weight:650; color:var(--ink); margin-bottom:3px; }
.figure-format { font-size:11px; white-space:nowrap; }
.stitched-video-card { margin-top:28px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.stitched-video-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 20px; }
.stitched-video-heading h4 { font-size:16px; font-weight:600; line-height:1.4; margin:0; }
.comparison-clip-buttons { display:flex; flex-wrap:wrap; gap:8px; padding:0 20px 17px; }
.comparison-clip-buttons button { border:1px solid var(--line); border-radius:6px; color:var(--muted); background:#fff; padding:6px 14px; font-size:13px; }
.comparison-clip-buttons button[aria-pressed=true] { color:var(--blue); border-color:var(--blue); background:#edf5ff; }
.stitched-video-frame { position:relative; background:#101820; }
.stitched-video-frame video { display:block; width:100%; height:auto; aspect-ratio:8/3; object-fit:contain; }
.stitched-error { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(90%,460px); padding:12px; border-radius:6px; color:#fff; background:#152130eb; font-size:14px; text-align:center; pointer-events:none; }
.citation-section { padding-top:8px; display:grid; grid-template-columns:1fr 2fr; gap:60px; }
.citation-intro .eyebrow { margin-bottom:13px; }
.citation-intro>p:not(.eyebrow) { color:var(--muted); margin-top:15px; font-size:14px; }
.code-panel { border:1px solid var(--line); background:#f7f9fc; border-radius:10px; min-width:0; }
.code-header { border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:10px 18px; font-size:12px; color:var(--muted); }
.code-header button { display:flex; align-items:center; gap:6px; background:none; border:0; color:var(--muted); font-size:12px; padding:5px; }
.code-header .icon { width:15px; height:15px; }
pre { padding:23px; margin:0; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.9; color:#3b5068; tab-size:2; }
code { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
.site-footer { border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; padding-block:30px; }
.site-footer p { font-size:12px; color:var(--muted); margin-top:5px; }
.footer-links { display:flex; align-items:center; gap:22px; font-size:12px; color:var(--muted); }
dialog { width:94vw; max-width:1800px; max-height:94dvh; border:1px solid var(--line); border-radius:12px; padding:0; color:var(--ink); }
dialog::backdrop { background:#0c152bd1; backdrop-filter:blur(5px); }
.dialog-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; border-bottom:1px solid var(--line); }
.dialog-header p { font-size:14px; }
.dialog-controls { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.figure-size-toggle { background:#fff; color:var(--muted); border:1px solid var(--line); border-radius:7px; font-size:12px; padding:6px 12px; min-height:36px; }
.figure-size-toggle[aria-pressed=true] { color:var(--blue); border-color:var(--blue); background:#edf5ff; }
.dialog-image-wrap { max-height:calc(94dvh - 125px); overflow:auto; padding:20px; }
.dialog-image-wrap img { max-width:none; width:100%; }
.dialog-image-wrap.original-size img { width:auto; }
.dialog-hint { font-size:12px; color:var(--muted); padding:8px 20px; }
[hidden] { display:none !important; }
@media (min-width:1500px) { .container { max-width:1240px; } }
@media (max-width:900px) {
  .nav-shell { padding-inline:24px; gap:20px; } nav { gap:23px; }
  .hero { padding-top:35px; }.section { padding-block:60px; }
  .hero-stats strong { font-size:26px; }
  .long-video-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
  .gallery-controls { flex-wrap:wrap; }.demo-button { gap:8px; padding:6px; }.demo-button img { width:40px; height:72px; }.demo-label { font-size:12px; }
  .abstract-layout { gap:40px; grid-template-columns:1fr 1.3fr; }
  .abstract-layout h2 { font-size:28px; }
  .efficiency-layout { grid-template-columns:1fr; }.efficiency-charts { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .chart-panel { padding:20px 16px; }.chart-title { flex-direction:column; align-items:flex-start; gap:6px; }
  .bar-row { grid-template-columns:94px minmax(0,1fr) 37px; gap:8px; font-size:11px; }
  .citation-section { gap:30px; grid-template-columns:1fr 1.9fr; }
  .method-notes { gap:20px; }.method-notes article { padding-right:0; }.method-notes article+article { padding-left:20px; }
}
@media (max-width:640px) {
  html { scroll-padding-top:80px; }.container { padding-inline:20px; }
  .nav-shell { padding-inline:20px; height:60px; gap:16px; }.wordmark { font-size:22px; }.wordmark-slash,.nav-code { display:none; }nav { gap:15px; }nav a { font-size:12px; }
  .hero { padding-top:30px; }.hero-brand { gap:10px; margin:17px 0; }.hero-mark { width:74px; height:36px; }.hero-mark img { width:74px; }.hero-brand>span:not(.hero-mark) { font-size:54px; letter-spacing:-3px; }
  h1 { font-size:30px; line-height:1.2; }.hero-description { font-size:15px; }
  .authors { gap:6px 15px; font-size:14px; margin-top:22px; }.affiliations { gap:16px; font-size:12px; }.author-notes { font-size:11px; }
  .resource-links { gap:8px; }.button { padding:9px 12px; font-size:12px; }.button .icon { width:16px; height:16px; }
  .hero-stats { grid-template-columns:1fr 1fr; row-gap:20px; margin-top:30px; padding-block:20px; }.hero-stats>div:nth-child(3) { border-left:0; }.hero-stats strong { font-size:26px; }.hero-stats>div>span { font-size:11px; }.hero-stats strong span { font-size:15px; }.benchmark-note { font-size:11px; }
  .section { padding-block:48px; }.section-heading { flex-direction:column; gap:12px; align-items:flex-start; margin-bottom:21px; }.section-heading>p { text-align:left; font-size:13px; max-width:none; }.eyebrow { font-size:10px; }.section-heading .eyebrow { margin-bottom:10px; }h2 { font-size:29px; }
  .long-video-layout { grid-template-columns:1fr; gap:25px; max-width:380px; }.long-video-picker { padding-top:0; }
  .video-label { font-size:12px; top:10px; padding:3px 7px; }.video-label.left { left:10px; }.video-label.right { right:10px; }.comparison-divider>span { width:34px; height:34px; }.comparison-divider .icon { width:14px; }
  .player-controls { gap:8px; padding:6px 9px; }.sync-label,.control-divider { display:none; }.player-time { font-size:10px; }.player-message { top:65%; font-size:11px; padding:6px; }
  .gallery-controls { align-items:center; gap:10px; }.gallery-controls h3 { font-size:16px; }.demo-buttons { gap:8px; }.demo-button { padding:7px; border-radius:8px; }.demo-button img { width:45px; height:80px; }.gallery-pagination { gap:5px; }.gallery-pagination>span { font-size:11px; margin-right:3px; }.outline-icon { min-width:31px; min-height:31px; padding:5px; }
  .abstract-section { padding-block:44px; }.abstract-layout { grid-template-columns:1fr; gap:25px; }.abstract-layout h2 { font-size:28px; }.abstract-layout .text-link { margin-top:15px; }.abstract-text { font-size:15px; }
  .figure-button { padding:10px; }figcaption { padding:12px; font-size:12px; }.enlarge-hint { font-size:10px; right:10px; bottom:7px; }
  .method-notes { grid-template-columns:1fr; gap:22px; }.method-notes article+article { border-left:0; border-top:1px solid var(--line); padding-top:22px; padding-left:0; }.note-number { margin-bottom:8px; }.method-notes h3 { margin-bottom:8px; }.method-notes p { font-size:14px; }
  .quality-panel .figure-button { padding:8px; }.quality-panel figcaption { padding:12px 14px; }.quality-panel .enlarge-hint { top:12px; right:12px; }
  .efficiency-layout { gap:18px; }.efficiency-charts { grid-template-columns:1fr; gap:16px; }
  .chart-title { flex-direction:row; align-items:center; }.chart-title h3 { font-size:17px; }.chart-title span { font-size:10px; }.bar-row { grid-template-columns:104px minmax(0,1fr) 37px; font-size:12px; }.bar-track { height:20px; }
  .section-intro { font-size:15px; }.dataset-buttons { gap:7px; }.dataset-buttons button { padding:7px 12px; font-size:12px; }.table-caption { font-size:12px; }.best-key { margin-right:10px; }th,td { padding:11px 12px; }
  .qualitative-section { margin-top:35px; padding-top:28px; }.qualitative-heading { flex-direction:column; align-items:flex-start; gap:10px; }.qualitative-heading h3 { font-size:25px; }.qualitative-heading>p { font-size:13px; }
  .visual-tabs { gap:22px; margin-bottom:18px; }.visual-tabs button { font-size:14px; }
  .paper-figure .figure-button img { inset:7px; width:calc(100% - 14px); height:calc(100% - 14px); }.paper-figure figcaption { flex-direction:column; align-items:flex-start; gap:7px; min-height:118px; }
  .stitched-video-card { margin-top:20px; }.stitched-video-heading { padding:13px; gap:10px; }.stitched-video-heading h4 { font-size:14px; }.stitched-error { font-size:12px; }
  .comparison-clip-buttons { padding:0 13px 13px; gap:6px; }.comparison-clip-buttons button { padding:5px 10px; font-size:12px; }
  .citation-section { grid-template-columns:1fr; padding-top:0; gap:24px; }.citation-intro>p br { display:none; }pre { padding:16px; font-size:11px; }
  .site-footer { flex-direction:column; padding-block:25px; }.footer-links { gap:25px; }.dialog-header { padding:10px; }.dialog-header p { font-size:12px; }.dialog-image-wrap { padding:10px; }
}
@media (max-width:360px) {
  #method .section-heading>p, #results .section-heading>p { font-size:12px; }
  .nav-shell { padding-inline:16px; gap:12px; }.wordmark { font-size:20px; }nav { gap:10px; }nav a { font-size:11px; }
  .demo-button { gap:6px; }.demo-button img { width:32px; height:57px; }.gallery-pagination>span { margin-right:0; }
  h1 { font-size:27px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { transition:none !important; animation:none !important; } }