:root{color-scheme:dark;color:#e8eef7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1020;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 10% -10%,#1b2a4a 0%,#0000 55%),radial-gradient(900px 500px at 100% 0,#2a1840 0%,#0000 50%),#0b1020;min-height:100vh;margin:0}#app{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 3rem}@media (width>=1400px){#app{max-width:1480px}}header h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.6rem}header p{color:#9fb0c9;max-width:70ch;margin:0}.banner{color:#ffc9c9;background:#2a1218;border:1px solid #5a2d2d;border-radius:10px;margin:1rem 0;padding:.85rem 1rem;display:none}.banner.visible{display:block}.banner strong{color:#fff}.warn-banner{color:#ffe6a8;background:#50370a73;border:1px solid #dcaa3c73;border-radius:10px;margin:1rem 0;padding:.85rem 1rem;display:none}.warn-banner.visible{display:block}.warn-banner strong{color:#fff}.upload-zone{cursor:pointer;background:#2846822e;border:2px dashed #8cb4ff73;border-radius:14px;outline:none;margin:1.25rem 0 .75rem;padding:1.35rem 1.1rem;transition:border-color .15s,background .15s,box-shadow .15s}.upload-zone:hover,.upload-zone:focus-visible{background:#325aa047;border-color:#a0c8ffd9;box-shadow:0 0 0 3px #6496ff26}.upload-zone.dragover{background:#4678d259;border-color:#9ec1ff;box-shadow:0 0 0 4px #6496ff38}.upload-zone.has-file{background:#1e503c33;border-style:solid;border-color:#6effb059}.upload-zone-inner{text-align:center;pointer-events:none}.upload-icon{color:#9ec1ff;margin-bottom:.35rem;font-size:1.6rem;line-height:1}.upload-title{color:#e8eef7;font-size:1.05rem;font-weight:600}.upload-hint{color:#9fb0c9;margin-top:.25rem;font-size:.85rem}.file-meta{color:#6dffb0;word-break:break-all;margin-top:.65rem;font-size:.9rem;font-weight:600}.video-controls{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:0 0 1rem;padding:.85rem 1rem;display:flex}.video-controls[hidden]{display:none!important}.video-controls button{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;background:#182236;border:1px solid #ffffff24;border-radius:8px;min-width:4.5rem;padding:.45rem .85rem}.video-controls button:hover{background:#223151}.scrubber-wrap{flex-direction:column;flex:220px;gap:.25rem;min-width:180px;display:flex}.scrubber-wrap input[type=range]{accent-color:#7aa7ff;cursor:pointer;width:100%}.time-labels{color:#9fb0c9;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.8rem;display:flex}.controls{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:0 0 1rem;padding:.9rem 1rem;display:flex}.controls label{color:#c7d4e8;align-items:center;gap:.45rem;font-size:.92rem;display:inline-flex}.controls-hint{color:#9fb0c9;font-size:.82rem}.stats{color:#9fb0c9;flex-wrap:wrap;gap:.65rem 1.1rem;margin-bottom:1rem;font-size:.88rem;display:flex}.stats span strong{color:#e8eef7;font-weight:600}.status-ok{color:#6dffb0!important}.status-bad{color:#ff8f8f!important}.compare-panel{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.compare-header{background:#0000002e;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.65rem .9rem;display:flex}.compare-header h2{color:#c7d4e8;margin:0;font-size:.95rem;font-weight:600}.wipe-labels{letter-spacing:.02em;text-transform:uppercase;color:#9fb0c9;gap:1.25rem;font-size:.78rem;font-weight:600;display:flex}.wipe-labels span:first-child{color:#9fb0c9}.wipe-labels span:last-child{color:#7dffb0}.compare-wrap{background:linear-gradient(45deg,#121826 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#121826 25%,#0000 25%) 0 0/16px 16px,#0e1422;justify-content:center;align-items:center;min-height:320px;padding:1rem;display:flex}@media (width>=900px){.compare-wrap{min-height:420px;padding:1.25rem 1.5rem}}@media (width>=1200px){.compare-wrap{min-height:520px}}.compare-stage{cursor:col-resize;user-select:none;touch-action:none;background:#000;border-radius:6px;min-width:min(100%,480px);max-width:100%;min-height:200px;line-height:0;display:inline-block;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059}.compare-stage.stage-dragover{outline-offset:4px;outline:2px dashed #9ec1ff;box-shadow:0 0 0 4px #9ec1ff40,0 8px 28px #00000059}.compare-stage>#nearestCanvas{z-index:1;object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:min(70vh,720px);image-rendering:pixelated;background:#000;display:block;position:relative}.ai-clip{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ai-clip canvas{image-rendering:auto;background:#000;max-width:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.wipe-handle{z-index:5;cursor:col-resize;touch-action:none;outline:none;width:44px;margin-left:-22px;position:absolute;top:0;bottom:0;left:50%}.wipe-hit{pointer-events:auto;width:64px;margin-left:-32px;position:absolute;top:0;bottom:0;left:50%}@media (pointer:coarse){.wipe-handle{width:56px;margin-left:-28px}.wipe-hit{width:88px;margin-left:-44px}.wipe-knob{width:44px;height:44px;margin:-22px 0 0 -22px}}.wipe-handle:focus-visible .wipe-knob{box-shadow:0 0 0 3px #7aa7ff8c,0 4px 14px #00000073}.wipe-line{pointer-events:none;background:linear-gradient(#9ec1ff33,#9ec1ff 12%,#e8eef7 50%,#9ec1ff 88%,#9ec1ff33);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 10px #6496ff73}.wipe-knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#3a5078,#182236 70%);border:2px solid #e8eef7e6;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000073,inset 0 1px #ffffff26}.wipe-knob:before,.wipe-knob:after{content:"";border-style:solid;width:0;height:0;margin-top:-4px;position:absolute;top:50%}.wipe-knob:before{border-width:4px 5px 4px 0;border-color:#0000 #e8eef7d9 #0000 #0000;left:8px}.wipe-knob:after{border-width:4px 0 4px 5px;border-color:#0000 #0000 #0000 #e8eef7d9;right:8px}.hidden-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}footer{color:#9fb0c9;margin-top:1.5rem;font-size:.85rem}footer a{color:#9ec1ff}.loading-banner{color:#cde4ff;background:#28467859;border:1px solid #78a0dc59;border-radius:10px;margin:1rem 0;padding:.85rem 1rem;display:none}.loading-banner.visible{display:block}.control-select,.rate-label{color:#c7d4e8;align-items:center;gap:.4rem;font-size:.92rem;display:inline-flex}.control-select select,.rate-label select{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;background-color:#182236;background-image:linear-gradient(45deg,#0000 50%,#9fb0c9 50%),linear-gradient(135deg,#9fb0c9 50%,#0000 50%);background-position:calc(100% - 12px) calc(50% - 2px),calc(100% - 7px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff24;border-radius:8px;padding:.35rem 1.75rem .35rem .55rem}.control-select select:hover,.rate-label select:hover,.control-select select:focus-visible,.rate-label select:focus-visible{border-color:#a0c8ff8c;outline:none}.compare-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.compare-actions button{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;background:#182236;border:1px solid #ffffff24;border-radius:8px;padding:.35rem .7rem;font-size:.82rem}.compare-actions button:hover{background:#223151}.compare-wrap:fullscreen,.compare-wrap:-webkit-full-screen{background:linear-gradient(45deg,#121826 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#121826 25%,#0000 25%) 0 0/16px 16px,#0e1422;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex}.compare-wrap:fullscreen,.compare-wrap:fullscreen{background:linear-gradient(45deg,#121826 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#121826 25%,#0000 25%) 0 0/16px 16px,#0e1422;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex}.compare-wrap:fullscreen .compare-stage>#nearestCanvas,.compare-wrap:-webkit-full-screen .compare-stage>#nearestCanvas{max-width:96vw;max-height:min(92vh,1400px)}.compare-wrap:fullscreen .compare-stage>#nearestCanvas,.compare-wrap:fullscreen .compare-stage>#nearestCanvas{max-width:96vw;max-height:min(92vh,1400px)}.input-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 .85rem;display:flex}.input-actions button{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;background:#182236;border:1px solid #ffffff24;border-radius:8px;padding:.45rem .85rem}.input-actions button:disabled{opacity:.55;cursor:default}.auto-status{color:#b8f5d0;background:#1e503c59;border:1px solid #78c8a059;border-radius:8px;margin:-.35rem 0 .85rem;padding:.45rem .75rem;font-size:.85rem}.auto-status[hidden]{display:none!important}.record-indicator{letter-spacing:.04em;text-transform:uppercase;color:#ff6b6b;font-size:.78rem;font-weight:700;animation:1s ease-in-out infinite record-pulse}.record-indicator[hidden]{display:none!important}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.45}}.compare-actions button:disabled{opacity:.55;cursor:default}.video-only-controls{display:contents}.video-only-controls[hidden]{display:none!important}.hud-ms{color:#9fb0c9;font-variant-numeric:tabular-nums;font-size:.85em}.auto-hud{color:#9fb0c9}.auto-hud strong{color:#b8f5d0;font-weight:600}.auto-hud[hidden]{display:none!important}.split-label{display:none}.compare-stage.view-split{cursor:default;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:0 4px;width:min(100%,1200px);max-width:100%;display:grid}.compare-stage.view-split .split-label{letter-spacing:.04em;text-transform:uppercase;background:#00000073;padding:.2rem .35rem;font-size:.72rem;font-weight:700;line-height:1.2;display:block}.compare-stage.view-split .split-label-left{color:#9fb0c9;grid-area:1/1}.compare-stage.view-split .split-label-right{color:#7dffb0;text-align:right;grid-area:1/2}.compare-stage.view-split>#nearestCanvas{z-index:1;width:100%;max-width:100%;height:auto;max-height:min(70vh,720px);image-rendering:pixelated;background:#000;grid-area:2/1;position:relative}.compare-stage.view-split .ai-clip{z-index:1;pointer-events:none;grid-area:2/2;line-height:0;position:relative;inset:auto;overflow:hidden;clip-path:none!important}.compare-stage.view-split .ai-clip canvas{max-width:100%;max-height:min(70vh,720px);display:block;position:relative;inset:auto;width:100%!important;height:auto!important}.compare-stage.view-split .wipe-handle{display:none!important}.compare-stage.view-split.blink-ai-only>#nearestCanvas,.compare-stage.view-split.blink-ai-only .split-label-left{visibility:hidden}.compare-wrap:fullscreen .compare-stage.view-split>#nearestCanvas,.compare-wrap:-webkit-full-screen .compare-stage.view-split>#nearestCanvas,.compare-wrap:fullscreen .compare-stage.view-split .ai-clip canvas,.compare-wrap:-webkit-full-screen .compare-stage.view-split .ai-clip canvas{max-height:min(88vh,1400px)}.diff-canvas{z-index:3;max-width:none;image-rendering:pixelated;pointer-events:none;background:#000;position:absolute;inset:0;width:100%!important;height:100%!important}.compare-stage.view-diff>#nearestCanvas,.compare-stage.view-diff .ai-clip,.compare-stage.view-diff .split-label,.compare-stage.view-diff .wipe-handle{visibility:hidden}.compare-stage.view-diff .diff-canvas{visibility:visible;z-index:3;max-width:none;image-rendering:pixelated;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.compare-stage.view-diff.blink-ai-only .diff-canvas{outline:2px solid #7dffb080}.compare-wrap:fullscreen .compare-stage.view-diff .diff-canvas,.compare-wrap:-webkit-full-screen .compare-stage.view-diff .diff-canvas{max-height:min(88vh,1400px)}.compare-wrap:fullscreen .compare-stage.view-diff .diff-canvas,.compare-wrap:fullscreen .compare-stage.view-diff .diff-canvas{max-height:min(88vh,1400px)}.loupe-canvas{z-index:8;pointer-events:none;border-radius:50%;width:144px;height:144px;position:absolute;box-shadow:0 0 0 1px #00000059,0 8px 24px #00000073}.toast-banner{z-index:1000;color:#e8eef7;opacity:0;pointer-events:none;background:#121c30f0;border:1px solid #9ec1ff73;border-radius:999px;max-width:min(92vw,420px);padding:.55rem .9rem;font-size:.88rem;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;bottom:1.35rem;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 10px 28px #0006}.toast-banner.visible{opacity:1;transform:translate(-50%)translateY(0)}.toast-banner[hidden]{display:none!important}.bench-banner{color:#cde4ff;font-variant-numeric:tabular-nums;background:#28468259;border:1px solid #9ec1ff59;border-radius:8px;margin:.5rem 0 .85rem;padding:.45rem .75rem;font-size:.85rem}.bench-banner[hidden]{display:none!important}.bench-hud strong{color:#9ec1ff;font-weight:600}.bench-hud[hidden]{display:none!important}.controls .control-btn{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;background:#182236;border:1px solid #ffffff24;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.controls .control-btn:hover:not(:disabled){background:#223151}.controls .control-btn:disabled{opacity:.55;cursor:default}.control-range{color:#c7d4e8;align-items:center;gap:.4rem;font-size:.92rem;display:inline-flex}.control-range input[type=range]{accent-color:#7aa7ff;cursor:pointer;width:88px}.control-range .range-value{font-variant-numeric:tabular-nums;color:#9ec1ff;min-width:1.75rem;font-size:.85rem;font-weight:600}.control-range[hidden]{display:none!important}.compare-stage.is-frozen:after{content:"FROZEN";z-index:9;color:#ffe6a8;letter-spacing:.06em;pointer-events:none;background:#0000008c;border-radius:6px;padding:.2rem .45rem;font-size:.68rem;font-weight:800;line-height:1.2;position:absolute;top:8px;left:8px}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.header-actions{flex-shrink:0;gap:.5rem;display:flex}.help-btn,.help-btn-inline{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;background:#28468259;border:1px solid #9ec1ff73;border-radius:8px;padding:.35rem .75rem;font-size:.88rem;font-weight:600}.help-btn:hover,.help-btn-inline:hover{background:#3c64b473}.help-btn-inline{min-width:2.25rem;padding:.3rem .55rem}.onboarding-tip{color:#cde4ff;background:#28468238;border:1px solid #9ec1ff47;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin:.85rem 0 0;padding:.55rem .85rem;font-size:.88rem;display:flex}.onboarding-tip[hidden]{display:none!important}.fps-coach-tip{color:#ffe6c8;background:#78461e47;border-color:#ffbe7859}.tip-dismiss{appearance:none;color:#e8eef7;font:inherit;cursor:pointer;white-space:nowrap;background:#182236;border:1px solid #ffffff29;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.tip-dismiss:hover{background:#223151}.controls-primary,.stats-primary{margin-bottom:.65rem}.stats-secondary{opacity:.9}.advanced-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:0 0 1rem;overflow:hidden}.advanced-summary{cursor:pointer;color:#c7d4e8;user-select:none;padding:.65rem 1rem;font-size:.92rem;font-weight:600;list-style:none}.advanced-summary::-webkit-details-marker{display:none}.advanced-summary:before{content:"▸ ";color:#7aa7ff;transition:transform .12s;display:inline-block}.advanced-panel[open]>.advanced-summary:before{transform:rotate(90deg)}.advanced-body{border-top:1px solid #ffffff0f;flex-direction:column;gap:.75rem;padding:0 1rem .95rem;display:flex}.advanced-group{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding-top:.65rem;display:flex}.advanced-group-label{letter-spacing:.06em;text-transform:uppercase;color:#9fb0c9;flex:none;min-width:4.5rem;font-size:.72rem;font-weight:700}.advanced-panel .control-btn,.advanced-panel label{font-size:.9rem}.advanced-panel .control-btn.active{color:#b8ffd6;background:#1e503c73;border-color:#7dffb08c}.roi-hud strong{color:#ffe6a8}.roi-hud[hidden]{display:none!important}.roi-overlay{z-index:7;pointer-events:none;position:absolute;inset:0}.roi-overlay[hidden]{display:none!important}.roi-rect{background:#ffc8502e;border:2px solid #ffd666f2;display:none;position:absolute;box-shadow:0 0 0 1px #00000059}.compare-stage.roi-selecting{cursor:crosshair!important}.compare-stage.roi-selecting .wipe-handle{pointer-events:none}.compare-stage>#nearestCanvas{min-width:min(100%,320px)}@media (width>=700px){.compare-stage>#nearestCanvas{min-width:min(100%,480px)}}.help-overlay{z-index:2000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-overlay[hidden]{display:none!important}.help-backdrop{backdrop-filter:blur(2px);background:#040812b8;position:absolute;inset:0}.help-card{z-index:1;background:#121a2c;border:1px solid #9ec1ff59;border-radius:14px;width:min(94vw,520px);max-height:min(88vh,640px);padding:1rem 1.1rem 1.15rem;position:relative;overflow:auto;box-shadow:0 18px 48px #00000080}.help-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.help-card-header h2{margin:0;font-size:1.05rem}.help-close{appearance:none;color:#c7d4e8;font:inherit;cursor:pointer;background:#182236;border:1px solid #ffffff29;border-radius:8px;padding:.3rem .55rem;font-size:.8rem}.help-close:hover{background:#223151}.help-list{color:#c7d4e8;flex-direction:column;gap:.45rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.help-list li{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;display:flex}.help-list kbd{text-align:center;color:#9ec1ff;background:#00000059;border:1px solid #ffffff2e;border-radius:6px;min-width:1.4rem;padding:.12rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:600;display:inline-block}@media (width<=640px){.compare-wrap{min-height:min(52vh,360px);padding:.55rem}.compare-stage{min-height:min(48vh,320px)}.controls-primary,.stats-primary,.input-actions,.advanced-group,.recipe-chips,.sample-chips{gap:.5rem .65rem}.controls-primary{flex-wrap:wrap;align-items:flex-start}.recipe-chips,.sample-chips{flex-wrap:wrap;flex:100%;display:flex}.advanced-group-label{flex:1 0 100%}.advanced-summary{min-height:44px;padding:.7rem .85rem;font-size:.95rem}.advanced-panel{margin-top:.35rem}.input-actions{flex-wrap:wrap}.compare-stage.wipe-axis-v .wipe-hit{height:44px;top:-22px}}#toggleUpscale:disabled+span,label:has(#toggleUpscale:disabled){opacity:.72}html.cinema-mode .app-header,html.cinema-mode .onboarding-tip,html.cinema-mode .fps-coach-tip,html.cinema-mode .data-saver-tip,html.cinema-mode .upload-zone,html.cinema-mode .input-actions,html.cinema-mode .controls-primary,html.cinema-mode .advanced-panel,html.cinema-mode .video-controls,html.cinema-mode .auto-status,html.cinema-mode footer,html.cinema-mode .compare-header h2,html.cinema-mode .header-blurb{display:none!important}html.cinema-mode #app{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100%;margin:0;padding:.45rem .65rem .75rem;display:flex}html.cinema-mode .stats-primary{background:#0c1220d1;border:1px solid #ffffff14;border-radius:8px;flex:none;gap:.55rem .85rem;margin:0 0 .4rem;padding:.35rem .55rem;font-size:.78rem}html.cinema-mode .compare-panel{flex-direction:column;flex:auto;min-height:0;margin:0;display:flex}html.cinema-mode .compare-header{margin-bottom:.35rem}html.cinema-mode .compare-wrap{flex:auto;min-height:0}html.cinema-mode .compare-stage{min-height:min(78vh,900px)}html.cinema-mode .banner,html.cinema-mode .warn-banner,html.cinema-mode .loading-banner,html.cinema-mode .toast-banner,html.cinema-mode .bench-banner{margin:.35rem 0}.compare-actions button.active{color:#b8ffd6;background:#1e503c73;border-color:#7dffb08c}html.embed-mode .header-blurb,html.embed-mode .onboarding-tip,html.embed-mode .fps-coach-tip,html.embed-mode .data-saver-tip,html.embed-mode footer{display:none!important}html.embed-mode #app{max-width:100%;padding:.65rem .75rem 1rem}html.embed-mode header h1{margin-bottom:.15rem;font-size:1.15rem}html.embed-mode .upload-zone{margin:.55rem 0 .45rem;padding:.75rem .7rem}html.embed-mode .upload-hint,html.embed-mode .upload-icon{display:none}html.embed-mode .controls-primary,html.embed-mode .stats-primary{margin-bottom:.45rem;font-size:.86rem}html.embed-mode .stats-secondary{display:none}@media (prefers-reduced-motion:reduce){.record-indicator{animation:none}.upload-zone,.advanced-summary:before{transition:none}}.mid-clip{pointer-events:none;line-height:0;display:none}.compare-stage.view-triple{cursor:default;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr 1fr;gap:0 4px;width:min(100%,1400px);max-width:100%;display:grid}.compare-stage.view-triple .split-label{letter-spacing:.04em;text-transform:uppercase;background:#00000073;padding:.18rem .3rem;font-size:.7rem;font-weight:700;line-height:1.2;display:block}.compare-stage.view-triple .split-label-left{color:#9fb0c9;grid-area:1/1}.compare-stage.view-triple .split-label-mid{color:#c5b8ff;text-align:center;grid-area:1/2}.compare-stage.view-triple .split-label-right{color:#7dffb0;text-align:right;grid-area:1/3}.compare-stage.view-triple>#nearestCanvas{z-index:1;width:100%;max-width:100%;height:auto;max-height:min(62vh,640px);image-rendering:pixelated;background:#000;grid-area:2/1;position:relative}.compare-stage.view-triple .mid-clip{z-index:1;grid-area:2/2;display:block;position:relative;inset:auto;overflow:hidden;clip-path:none!important}.compare-stage.view-triple .mid-clip canvas{max-width:100%;max-height:min(62vh,640px);display:block;position:relative;inset:auto;width:100%!important;height:auto!important}.compare-stage.view-triple .ai-clip{z-index:1;pointer-events:none;grid-area:2/3;line-height:0;position:relative;inset:auto;overflow:hidden;clip-path:none!important}.compare-stage.view-triple .ai-clip canvas{max-width:100%;max-height:min(62vh,640px);display:block;position:relative;inset:auto;width:100%!important;height:auto!important}.compare-stage.view-triple .wipe-handle,.compare-stage.view-triple .diff-canvas{display:none!important}.compare-stage.view-triple.blink-ai-only>#nearestCanvas,.compare-stage.view-triple.blink-ai-only .mid-clip,.compare-stage.view-triple.blink-ai-only .split-label-left,.compare-stage.view-triple.blink-ai-only .split-label-mid{visibility:hidden}.compare-wrap:fullscreen .compare-stage.view-triple>#nearestCanvas,.compare-wrap:-webkit-full-screen .compare-stage.view-triple>#nearestCanvas,.compare-wrap:fullscreen .compare-stage.view-triple .mid-clip canvas,.compare-wrap:-webkit-full-screen .compare-stage.view-triple .mid-clip canvas,.compare-wrap:fullscreen .compare-stage.view-triple .ai-clip canvas,.compare-wrap:-webkit-full-screen .compare-stage.view-triple .ai-clip canvas{max-height:min(80vh,1200px)}@media (width<=820px){.compare-stage.view-triple{grid-template-rows:auto auto auto auto auto auto;grid-template-columns:1fr;gap:2px 0;width:100%}.compare-stage.view-triple .split-label-left{grid-area:1/1}.compare-stage.view-triple>#nearestCanvas{grid-area:2/1;max-height:min(36vh,360px)}.compare-stage.view-triple .split-label-mid{text-align:left;grid-area:3/1}.compare-stage.view-triple .mid-clip{grid-area:4/1}.compare-stage.view-triple .mid-clip canvas{max-height:min(36vh,360px)}.compare-stage.view-triple .split-label-right{text-align:left;grid-area:5/1}.compare-stage.view-triple .ai-clip{grid-area:6/1}.compare-stage.view-triple .ai-clip canvas{max-height:min(36vh,360px)}}.controls-primary{background:#28468229;border-color:#9ec1ff38;margin-bottom:.55rem;padding:.75rem .95rem;box-shadow:inset 0 1px #ffffff0a}.controls-primary label{letter-spacing:-.01em;font-weight:560}.controls-primary select{font-weight:600}.input-actions button{background:#28468252;border-color:#9ec1ff59;padding:.48rem .95rem;font-size:.9rem;font-weight:600}.input-actions button:hover:not(:disabled){background:#3c64b46b}.advanced-panel{background:#ffffff06;border-color:#ffffff0f;margin:0 0 .85rem}.advanced-summary{color:#9fb0c9;padding:.55rem .9rem;font-size:.86rem}.advanced-panel .control-btn{opacity:.92;padding:.32rem .62rem;font-size:.84rem}.retry-gpu-btn{appearance:none;font:inherit;cursor:pointer;border-radius:8px;padding:.35rem .75rem;font-size:.85rem;font-weight:700;color:#ffe0c8!important;background:#5a2d148c!important;border:1px solid #ffaa788c!important}.retry-gpu-btn:hover{background:#783c1cb3!important}.retry-gpu-btn[hidden]{display:none!important}.banner-retry-btn{appearance:none;vertical-align:middle;color:#ffe8d8;font:inherit;cursor:pointer;background:#502314a6;border:1px solid #ffbe968c;border-radius:999px;margin-left:.55rem;padding:.22rem .7rem;font-size:.82rem;font-weight:700}.banner-retry-btn:hover{background:#6e321ccc}.banner{line-height:1.5}:focus{outline:none}:focus-visible{outline-offset:2px;outline:2px solid #9ec1ffe6}button:focus-visible,.control-btn:focus-visible,.help-btn:focus-visible,.help-btn-inline:focus-visible,.ui-mode-btn:focus-visible,.sample-chip:focus-visible,.recipe-chip:focus-visible,.input-actions button:focus-visible,.compare-actions button:focus-visible,.video-controls button:focus-visible,.retry-gpu-btn:focus-visible,.banner-retry-btn:focus-visible,.tip-dismiss:focus-visible,.help-close:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #9ec1fff2;box-shadow:0 0 0 3px #6496ff2e}select:focus-visible,input[type=checkbox]:focus-visible,input[type=range]:focus-visible{outline-offset:2px;outline:2px solid #9ec1ffe6}header h1{letter-spacing:-.025em;font-size:1.5rem;line-height:1.2}.header-blurb{font-size:.92rem;line-height:1.4}#app{padding:1.25rem 1.15rem 2.5rem}.stats-primary{gap:.55rem 1rem;font-size:.86rem}html.cinema-mode .compare-stage.view-triple{width:min(100%,1600px)}html.embed-mode .compare-stage.view-triple{width:100%}html.embed-mode .controls-primary{padding:.55rem .7rem}.recipe-chips{flex-wrap:wrap;align-items:center;gap:.28rem;display:inline-flex}.recipe-chip{appearance:none;color:#cde4ff;font:inherit;letter-spacing:-.01em;cursor:pointer;background:#18243aa6;border:1px solid #9ec1ff52;border-radius:999px;padding:.22rem .62rem;font-size:.78rem;font-weight:650;line-height:1.2}.recipe-chip:hover{background:#32508c73;border-color:#9ec1ff80}.recipe-chip.active{color:#e8eef7;background:#466ebe80;border-color:#9ec1ffb3;box-shadow:inset 0 0 0 1px #9ec1ff33}.recipe-chip-primary{color:#d4ffe8;background:#1c342cbf;border-color:#78dcb473}.recipe-chip-primary:hover{background:#285a468c;border-color:#78dcb4a6}.recipe-chip-primary.active{color:#e8fff4;background:#32785a8c;border-color:#78dcb4cc;box-shadow:inset 0 0 0 1px #78dcb440}.fps-stat{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.fps-spark{vertical-align:middle;background:#00000047;border:1px solid #9ec1ff2e;border-radius:3px;width:72px;height:18px;display:inline-block}.compare-stage.wipe-axis-v .wipe-handle{cursor:row-resize;width:auto;height:44px;margin-top:-22px;margin-left:0;top:50%;bottom:auto;right:0;left:0!important}.compare-stage.wipe-axis-v .wipe-hit{width:auto;height:64px;margin-top:-32px;margin-left:0;inset:50% 0 auto}.compare-stage.wipe-axis-v .wipe-line{background:linear-gradient(90deg,#9ec1ff33,#9ec1ff 12%,#e8eef7 50%,#9ec1ff 88%,#9ec1ff33);width:auto;height:2px;margin-top:-1px;margin-left:0;inset:50% 0 auto;box-shadow:0 0 10px #9ec1ff73}@media (pointer:coarse){.compare-stage.wipe-axis-v .wipe-handle{height:56px;margin-top:-28px}.compare-stage.wipe-axis-v .wipe-hit{height:88px;margin-top:-44px}}html.cinema-mode .fps-spark,html.embed-mode .fps-spark{opacity:.9}html.embed-mode .recipe-chips{gap:.2rem}html.embed-mode .recipe-chip{padding:.18rem .5rem;font-size:.72rem}.sample-chips{flex-wrap:wrap;align-items:center;gap:.28rem;display:inline-flex}.sample-chip{appearance:none;color:#c8f5d8;font:inherit;cursor:pointer;background:#1428208c;border:1px solid #7dffb047;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:650;line-height:1.2}.sample-chip:hover{background:#285a3c73;border-color:#7dffb080}.advanced-hint{color:#9aa8bd;flex:100%;margin:.15rem 0 0;font-size:.75rem;line-height:1.35}.advanced-hint kbd{background:#00000040;border:1px solid #ffffff1f;border-radius:4px;padding:.05rem .28rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.advanced-summary{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.input-actions{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;display:flex}.scrubber-track{width:100%;position:relative}.scrubber-track input[type=range]{z-index:1;width:100%;position:relative}.loop-markers{pointer-events:none;z-index:2;height:0;position:absolute;top:50%;left:0;right:0}.loop-markers[hidden]{display:none!important}.loop-marker{border-radius:1px;width:2px;height:14px;margin-top:-7px;margin-left:-1px;position:absolute;top:0;transform:translate(-50%)}.loop-marker.loop-in{background:#7dffa3;box-shadow:0 0 0 1px #0a1e148c}.loop-marker.loop-out{background:#ffb070;box-shadow:0 0 0 1px #28140a8c}.loop-range-label{color:#b8f5d0;font-variant-numeric:tabular-nums;font-size:.75rem}.loop-range-label[hidden]{display:none!important}.loop-controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.loop-controls button{min-width:2.6rem;padding:.4rem .65rem;font-size:.85rem}.loop-controls button:disabled{opacity:.45;cursor:not-allowed}.surprise-chip{color:#ffe0b0;border-style:dashed;border-color:#ffc47873}.surprise-chip:hover{background:#78502859;border-color:#ffc478a6}.ui-mode-toggle{background:#ffffff0a;border:1px solid #9ec1ff47;border-radius:999px;display:inline-flex;overflow:hidden}.ui-mode-btn{appearance:none;color:#c7d4e8;font:inherit;cursor:pointer;background:0 0;border:0;padding:.28rem .7rem;font-size:.82rem;font-weight:600;line-height:1.2}.ui-mode-btn:hover{color:#e8eef7;background:#9ec1ff1a}.ui-mode-btn.active,.ui-mode-btn[aria-pressed=true]{color:#e8eef7;background:#7aa7ff47}.footer-main{margin-bottom:.35rem}.footer-version{color:#9fb0c9;font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:.78rem}html.ui-simple #advancedPanel,html.ui-simple .loop-controls,html.ui-simple #cinemaBtn,html.ui-simple #popOutBtn,html.ui-simple .stats-pro,html.ui-simple .stats-secondary,html.ui-simple #benchHudWrap,html.ui-simple #autoHudWrap,html.ui-simple #roiHudWrap,html.ui-simple #autoStatus,html.ui-simple .fps-spark,html.ui-simple #frameMsValue,html.ui-simple .help-btn-inline,html.ui-simple #diffGainWrap,html.ui-simple #recordIndicator,html.ui-simple #midClip,html.ui-simple .split-label-mid{display:none!important}html.ui-simple .header-blurb{max-width:42rem}html.embed-mode .footer-version{display:none!important}summary.advanced-summary:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #9ec1fff2}.help-section-title{color:#e8eef7;margin:.85rem 0 .45rem;font-size:.92rem;font-weight:650}.help-feature-map .help-section-title:first-child{margin-top:.15rem}.help-feature-cols{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=520px){.help-feature-cols{grid-template-columns:1fr}}.help-feature-col h4{color:#9ec1ff;letter-spacing:.02em;text-transform:uppercase;margin:0 0 .35rem;font-size:.82rem;font-weight:650}.help-bullets{color:#c7d4e8;flex-direction:column;gap:.28rem;margin:0;padding-left:1.05rem;font-size:.84rem;display:flex}.help-feature-note{color:#9fb0c9;margin:.65rem 0 0;font-size:.8rem}.coach-overlay{z-index:90;pointer-events:auto;position:fixed;inset:0}.coach-backdrop{background:#0408129e;position:absolute;inset:0}.coach-spotlight{z-index:91;pointer-events:none;border-radius:12px;transition:top .18s,left .18s,width .18s,height .18s,opacity .15s;position:fixed;box-shadow:0 0 0 2px #9ec1ffd9,0 0 0 9999px #0408128c}.coach-card{z-index:92;left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom,0px));background:#121a2c;border:1px solid #9ec1ff66;border-radius:14px;width:min(92vw,420px);padding:.95rem 1.05rem 1rem;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0000008c}.coach-step-text{color:#e8eef7;margin:0 0 .45rem;font-size:.95rem;line-height:1.4}.coach-meta{margin-bottom:.55rem}.coach-step-index{color:#9fb0c9;font-variant-numeric:tabular-nums;font-size:.78rem}.coach-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.coach-skip,.coach-next{appearance:none;font:inherit;cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-size:.85rem}.coach-skip{color:#9fb0c9;background:0 0;border:1px solid #ffffff29}.coach-skip:hover{color:#c7d4e8;background:#ffffff0f}.coach-next{color:#e8eef7;background:#4678d266;border:1px solid #7aa7ff8c;font-weight:600}.coach-next:hover{background:#5a8ce680}.coach-hint{color:#7f8fa8;margin:.55rem 0 0;font-size:.72rem}html.coach-active .onboarding-tip,html.coach-active .fps-coach-tip,html.coach-active .data-saver-tip,html.embed-mode .coach-overlay{display:none!important}.global-error-banner{color:#ffd8c8;background:#2a1810;border-color:#6a3a2a}.global-error-banner.hidden,.global-error-banner[hidden]{display:none!important}.global-error-actions{vertical-align:middle;flex-wrap:wrap;gap:.35rem;margin-left:.35rem;display:inline-flex}.snapshot-gallery{background:#0c12208c;border:1px solid #9ec1ff38;border-radius:10px;width:100%;margin-top:.55rem;padding:.55rem .65rem}.snapshot-gallery-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.snapshot-clear-btn{padding:.2rem .55rem;font-size:.75rem}.snapshot-gallery-strip{flex-wrap:wrap;gap:.45rem;display:flex}.snapshot-thumb{cursor:pointer;background:#0a0f18;border:1px solid #9ec1ff59;border-radius:8px;width:72px;height:54px;padding:0;position:relative;overflow:hidden}.snapshot-thumb:hover,.snapshot-thumb:focus-visible{border-color:#9ec1ff;outline:none;box-shadow:0 0 0 2px #9ec1ff59}.snapshot-thumb img{object-fit:cover;width:100%;height:100%;display:block}.snapshot-cap{letter-spacing:.02em;color:#e8eef7;text-align:center;background:#0000009e;padding:.1rem .25rem;font-size:.62rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.data-saver-tip{color:#d8ffe8;background:#1e5a4647;border-color:#78c8a059}.tip-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.tip-apply{background:#1a3a2c;border-color:#78dcaa73}.tip-apply:hover{background:#234a38}.help-filter-label{margin:0 0 .65rem;display:block}.help-filter{box-sizing:border-box;appearance:none;color:#e8eef7;width:100%;font:inherit;background:#0e1524;border:1px solid #9ec1ff47;border-radius:8px;padding:.4rem .65rem;font-size:.86rem}.help-filter:focus-visible{outline-offset:1px;outline:2px solid #9ec1fff2}.help-list li[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#popOutBtn.active{color:#9ec1ff;border-color:#9ec1ff8c}.footer-meta{flex-wrap:wrap;align-items:center;gap:.45rem .85rem;margin-top:.15rem;display:flex}.footer-diag-btn{appearance:none;color:#9fb0c9;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #9ec1ff47;border-radius:999px;padding:.18rem .55rem;font-size:.75rem;line-height:1.2}.footer-diag-btn:hover{color:#e8eef7;background:#9ec1ff1a;border-color:#9ec1ff80}.footer-diag-btn:focus-visible{outline-offset:2px;outline:2px solid #9ec1fff2}html.embed-mode .footer-diag-btn,html.embed-mode .footer-meta{display:none!important}.seek-tooltip{color:#e8eef7;font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;white-space:nowrap;background:#0c1220eb;border:1px solid #9ec1ff59;border-radius:6px;padding:.18rem .45rem;font-size:.75rem;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 4px 14px #00000059}.seek-tooltip[hidden]{display:none!important}.compare-stage.is-loading:after{content:"";z-index:18;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#0000 25%,#9ec1ff1a 45%,#c8dcff29 50%,#9ec1ff1a 55%,#0000 75%) 0 0/220% 100%;animation:1.35s ease-in-out infinite stage-shimmer;position:absolute;inset:0}@keyframes stage-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.compare-stage.is-loading:after{background:#9ec1ff0f;animation:none}}.compare-stage.is-portrait{cursor:default}.compare-stage.is-portrait>#nearestCanvas,.compare-stage.is-portrait.view-split>#nearestCanvas,.compare-stage.is-portrait.view-split .ai-clip canvas,.compare-stage.is-portrait.view-triple>#nearestCanvas,.compare-stage.is-portrait.view-triple .mid-clip canvas,.compare-stage.is-portrait.view-triple .ai-clip canvas,.compare-stage.is-portrait.view-diff .diff-canvas{object-fit:contain;object-position:center;width:auto;max-width:min(100%,480px);height:auto;max-height:min(78vh,920px)}.compare-wrap:fullscreen .compare-stage.is-portrait>#nearestCanvas,.compare-wrap:-webkit-full-screen .compare-stage.is-portrait>#nearestCanvas,.compare-wrap:fullscreen .compare-stage.is-portrait.view-split>#nearestCanvas,.compare-wrap:-webkit-full-screen .compare-stage.is-portrait.view-split>#nearestCanvas,.compare-wrap:fullscreen .compare-stage.is-portrait.view-split .ai-clip canvas,.compare-wrap:-webkit-full-screen .compare-stage.is-portrait.view-split .ai-clip canvas{max-width:min(100%,720px);max-height:min(92vh,1400px)}.recipe-more{vertical-align:middle;margin-left:.15rem;display:inline-block}.recipe-more-summary{cursor:pointer;color:#9ec1ff;user-select:none;background:#18243a66;border:1px dashed #9ec1ff59;border-radius:999px;padding:.18rem .5rem;font-size:.75rem;font-weight:650;list-style:none}.recipe-more-summary::-webkit-details-marker{display:none}.recipe-more[open]>.recipe-more-summary{border-style:solid;margin-bottom:.35rem}.recipe-chips-more{flex-wrap:wrap;gap:.28rem;width:100%;margin-top:.2rem;display:flex}.recipe-chips{max-width:100%}