:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#202723;background:#f5f6f2;font-synthesis:none;--green:#137358;--muted:#7b827b;--line:#e0e4dc}*{box-sizing:border-box}body{margin:0}button,a,video{outline-offset:4px}button{font:inherit;cursor:pointer;border:1px solid #d9dfd6;background:#fff;border-radius:7px;padding:9px 14px;color:#344438;transition:.16s}button:hover{border-color:var(--green);color:var(--green)}button:disabled{opacity:.4;cursor:default}header{height:83px;padding:0 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf7}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:18px;font-weight:700}.brand-mark{background:#194b3b;color:#e0f2ab;width:34px;height:34px;border-radius:7px;display:grid;place-items:center;font-size:26px}.edition{font-size:10px;letter-spacing:1.8px;font-weight:500;color:#8e978d;margin-left:10px;border-left:1px solid var(--line);padding-left:18px}.live{display:flex;gap:8px;align-items:center;color:#6b756d;font-size:12px}.live>span:first-child{width:7px;height:7px;background:#63a78b;border-radius:50%}main{max-width:1536px;margin:auto;padding:0 4%}.intro{padding:51px 0 39px;display:flex;justify-content:space-between;align-items:center}.eyebrow,.section-caption{font-size:10px;letter-spacing:1.4px;color:#778579;font-weight:600}h1{font-size:40px;letter-spacing:-1.5px;margin:15px 0 12px;line-height:1.4}h1 span{font-weight:500;color:#546254}.intro p{font-size:14px;color:#778075;margin:0}.scope{border-left:1px solid #d5ded1;padding:4px 0 4px 28px;display:grid;gap:8px}.scope span{font-size:11px;color:#75816f}.scope b{font-size:24px;letter-spacing:1px;font-weight:500}.scope small{font-size:11px;color:#778075}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:34px;padding:23px 0}.metrics>div{padding:0 28px;display:grid;gap:7px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:12px;color:#6b796c}.metrics b{font-size:31px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.metrics small{font-size:10px;color:#929a91}.metrics b.time{font-size:23px;padding-top:7px}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}aside{padding:26px 18px;background:#fafbf8;border-right:1px solid var(--line)}h2{font-size:18px;margin:9px 0 18px;font-weight:600}.filters{display:flex;background:#e9ede5;padding:4px;border-radius:7px;gap:2px;margin:20px 0}.filters button{border:0;background:transparent;color:#7a8478;padding:6px 12px;font-size:11px;flex:1}.filters button.active{background:white;box-shadow:0 1px 3px #0001;color:#1f503b}.sample-list{display:grid;gap:9px}.sample{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:12px 10px;display:flex;gap:11px;align-items:center}.sample:hover{background:#f0f3eb}.sample.active{background:#eaf2e5;border-color:#afc3a1;color:#304f32}.thumb{width:44px;height:57px;border-radius:4px;background:#d6dfd2;object-fit:cover}.sample-info{min-width:0;display:grid;gap:5px}.sample-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-detail{font-size:10px;color:#899181}.sample-number{font-size:10px;color:#a5afa1;font-variant-numeric:tabular-nums;margin-left:auto}.aside-note{font-size:10px;line-height:1.9;color:#92998c;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.compare{padding:26px 25px}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.compare h2{margin-bottom:6px}.compare-heading p{color:#879080;font-size:11px;margin:0 0 21px}.toolbar{display:flex;gap:6px}.toolbar button{font-size:10px;padding:8px 10px}.toolbar button:first-child{background:#1d5941;color:#fff;border-color:#1d5941}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.video-card{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.video-label{padding:11px 10px;font-size:11px;font-weight:600;display:flex;justify-content:space-between;gap:4px;align-items:center}.video-label span{font-size:8px;font-weight:500;color:#97a18e}.video-stage{aspect-ratio:9/16;background:#171d19;display:flex;align-items:center;justify-content:center;position:relative}.video-stage video{width:100%;height:100%;object-fit:contain;display:block}.empty-stage{text-align:center;padding:14px;color:#92a38f;font-size:10px;line-height:1.9;overflow-wrap:anywhere}.empty-stage b{display:block;color:#c0ceba;font-size:12px;margin:10px 0;font-weight:500}.empty-stage .empty-icon{font-size:25px;opacity:.55}.video-foot{padding:10px;font-size:9px;color:#89937f;display:flex;align-items:center;justify-content:space-between;min-height:35px}.video-foot a{color:#346c4b;text-decoration:none}.playback-note{font-size:10px;color:#99a08f;line-height:1.8;padding:15px 1px}.observation{border:1px solid #e5eadf;background:#f8faf4;border-radius:7px;display:flex;align-items:center;gap:20px;padding:13px 15px}.observation span{font-size:10px;background:#e4ebd9;border-radius:4px;padding:4px 8px;color:#73805e;white-space:nowrap}.observation p{font-size:11px;color:#7e886f;margin:0}.observation i{font-style:normal;margin:0 10px;color:#bbc4ac}.records{margin-top:38px}.record-heading{display:flex;align-items:center;justify-content:space-between}.record-heading button{font-size:11px}.table-wrap{border:1px solid var(--line);border-radius:9px;overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{background:#edf0e8;color:#7a8570;font-weight:500;padding:14px 17px;white-space:nowrap}td{padding:16px 17px;border-top:1px solid #edf0e8;color:#55624d;white-space:nowrap}td:last-child{white-space:normal;min-width:160px;max-width:260px;font-size:10px;color:#8c947e}.badge{font-size:9px;border-radius:4px;padding:4px 7px;display:inline-block;background:#f0f1eb;color:#9a9d8d}.badge.success{background:#e6f2e7;color:#42844b}.badge.failed{background:#f9e9e5;color:#ae654c}.badge.processing,.badge.submitted,.badge.queued,.badge.awaiting_callback{background:#fff4dd;color:#b38e3c}.method{margin:35px 0;display:grid;grid-template-columns:270px 1fr;gap:28px;border-top:1px solid var(--line);padding-top:26px}.method h3{font-size:15px;font-weight:500}.method p{font-size:11px;line-height:2;color:#879078;margin:0}footer{display:flex;justify-content:space-between;padding:24px 4%;border-top:1px solid var(--line);font-size:10px;color:#8a947f}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#274633;color:#fff;padding:12px 22px;font-size:12px;border-radius:8px;z-index:10}.empty-list{font-size:12px;color:#89937f;padding:25px 0}.error-banner{color:#ad6148}.video-card:first-child .video-label{background:#f4f6ef}@media(min-width:1500px){.video-stage{max-height:450px}}@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(0,1fr)}.compare{padding:22px 16px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-heading{align-items:flex-start}.toolbar{flex-wrap:wrap;max-width:170px}.intro h1{font-size:32px}}@media(max-width:700px){header{height:65px}.edition{display:none}.brand{font-size:15px}.live{font-size:10px}.intro{padding:28px 0;display:block}.intro h1{font-size:29px}.intro p{font-size:11px;line-height:1.9}.scope{display:none}.metrics{grid-template-columns:1fr 1fr;padding:0;margin-bottom:22px}.metrics>div{padding:17px 20px;border-bottom:1px solid var(--line)}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(3){border-bottom:0}.metrics b{font-size:25px}.workspace{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}.sample-list{display:flex;overflow-x:auto;gap:6px}.sample{min-width:160px;max-width:200px}.aside-note{display:none}.filters{max-width:260px}.compare-heading{display:block}.toolbar{max-width:none;margin-bottom:18px}.video-grid{gap:9px}.video-label{font-size:10px}.observation{display:block}.observation p{margin-top:10px;font-size:10px;line-height:2}.observation i{margin:0 5px}.method{grid-template-columns:1fr;gap:4px}.record-heading{align-items:flex-start}.record-heading h2{font-size:15px}.record-heading button{font-size:10px}.metrics small{font-size:9px}}


/* One aligned frame: original on the left, selected result on the right. */
.comparison-picker{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;background:#f1f5ed;border:1px solid var(--line);border-radius:8px;margin-bottom:18px;font-size:12px;color:#65715e}.comparison-picker label{display:flex;align-items:center;gap:10px}.comparison-picker select{font:inherit;color:#244d38;background:white;padding:9px 30px 9px 12px;border:1px solid #b7c9ae;border-radius:6px}.wipe-shell{max-width:480px;margin:0 auto}.wipe-stage{position:relative;aspect-ratio:var(--ratio);width:100%;background:#172119;border-radius:9px;overflow:hidden;isolation:isolate}.wipe-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.wipe-enhanced{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));background:#172119}.wipe-label{position:absolute;top:14px;z-index:2;background:#132519bb;color:#fff;font-size:11px;padding:6px 9px;border-radius:5px;pointer-events:none}.wipe-label.left{left:12px}.wipe-label.right{right:12px}.wipe-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-1px);box-shadow:0 0 5px #0008;z-index:3;pointer-events:none}.wipe-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:white;color:#29543d;box-shadow:0 2px 12px #0005;font-size:21px;font-weight:700;white-space:pre}.wipe-drag{position:absolute;inset:0;z-index:4;cursor:ew-resize;touch-action:pan-y}.wipe-drag:focus-visible{outline:3px solid #c5ed91;outline-offset:-3px}.wipe-unavailable{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#172119,#172119 18px,#1d2820 18px,#1d2820 19px);color:#a2b99a;display:flex;align-items:center;justify-content:flex-end}.wipe-unavailable>div{width:50%;text-align:center;padding:12px}.wipe-unavailable span{display:block;font-size:35px;margin-bottom:15px}.wipe-unavailable b{display:block;font-size:14px;color:#dce9d6}.wipe-unavailable p{font-size:12px}.wipe-unavailable small{font-size:10px;color:#788e73}.wipe-caption{display:flex;justify-content:space-between;gap:8px;color:#7c8974;font-size:10px;margin:11px 0}.shared-timeline{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:11px;font-variant-numeric:tabular-nums;color:#6a7960}.shared-timeline input{flex:1;min-width:0;accent-color:#246746;cursor:pointer}.compare .toolbar{max-width:none}.wipe-comparison{min-width:0}@media(min-width:1151px){.wipe-shell{max-width:390px}}@media(max-width:700px){.comparison-picker{font-size:10px;padding:10px;flex-wrap:wrap}.comparison-picker select{font-size:12px}.wipe-shell{max-width:100%}.wipe-label{font-size:10px}.wipe-line span{width:38px;height:38px}.wipe-stage{border-radius:6px}}
.wipe-shell{max-width:min(480px,100%,calc(68vh * var(--display-ratio,.5625)))}

.wipe-unavailable.left{justify-content:flex-start}