.scene-change-shell{--scene-bg:#100a07;--scene-border:#dfc6a83d;--scene-copy:#e9e4dc;--scene-muted:#b2a99f;--scene-accent:#eaad5e;--scene-accent-soft:color-mix(in oklch,var(--scene-accent)35%,transparent);background:radial-gradient(circle at top left,#cd945c2e 0,transparent 28rem),radial-gradient(circle at bottom right,#4893b524 0,transparent 34rem),linear-gradient(140deg,#050302,var(--scene-bg));width:100vw;height:100dvh;min-height:100dvh;color:var(--scene-copy);position:fixed;inset:0;overflow:clip}@supports (color:lab(0% 0 0)){.scene-change-shell{--scene-bg:lab(3.01223% 1.62345 1.572);--scene-border:lab(81.4533% 5.86888 18.7726/.24);--scene-copy:lab(90.7399% 1.05202 4.45001);--scene-muted:lab(69.8667% 1.63603 6.71529);--scene-accent:lab(75.5176% 16.8227 49.256);background:radial-gradient(circle at top left,lab(66.1246% 17.356 38.3974/.18) 0,transparent 28rem),radial-gradient(circle at bottom right,lab(57.3084% -16.4104 -25.2828/.14) 0,transparent 34rem),linear-gradient(140deg,lab(.889021% .585891 .475448),var(--scene-bg))}}.scene-change-shell:before,.scene-change-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.scene-change-shell:before{background-image:linear-gradient(color-mix(in oklch,var(--scene-border)54%,transparent)1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--scene-border)36%,transparent)1px,transparent 1px);opacity:.34;background-size:100% 9rem,9rem 100%;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.scene-change-viewport{view-transition-name:hybrid-render-stage;width:100vw;height:100dvh;position:fixed;inset:0}::view-transition-old(hybrid-render-stage){mix-blend-mode:normal;animation:none}::view-transition-new(hybrid-render-stage){mix-blend-mode:normal;animation:none}.scene-change-viewport canvas{display:block;width:100%!important;height:100%!important}.scene-change-overlay{z-index:2;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:clamp(1rem,2vw,1.5rem);display:flex;position:fixed;inset:0;overflow:hidden}.scene-change-panel{pointer-events:auto;border:1px solid var(--scene-border);background:0 0;position:relative}.scene-change-debug{grid-template-rows:auto auto auto minmax(0,1fr);width:min(24rem,100vw - 2rem);max-height:100%;display:grid;overflow:hidden}.scene-change-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--scene-accent);margin:0;font-size:.72rem}.scene-change-debug-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .75rem;display:flex}.scene-change-debug-title strong{margin-top:.28rem;font-size:1.02rem;display:block}.scene-change-collapse{appearance:none;border:1px solid color-mix(in oklch,var(--scene-border)84%,transparent);color:var(--scene-copy);width:2rem;height:2rem;font:inherit;cursor:pointer;background:#241b17bd;background:lab(10.5887% 3.96445 4.48504/.74);font-size:1.2rem;line-height:1}.scene-change-debug-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0 1rem .8rem;display:grid}.scene-change-summary-item{border:1px solid color-mix(in oklch,var(--scene-border)80%,transparent);background:#1c1411d1;background:lab(7.1519% 3.33346 3.29582/.82);padding:.78rem .85rem}.scene-change-summary-item strong{margin-top:.35rem;font-size:.96rem;display:block}.scene-change-debug .scene-change-progress{margin:0 1rem}.scene-change-debug-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--scene-accent)24%,transparent)transparent;gap:1rem;min-height:0;padding:.95rem 1rem 1rem;display:grid;overflow-y:auto}.scene-change-debug-body::-webkit-scrollbar{width:8px}.scene-change-debug-body::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--scene-accent)24%,transparent)}.scene-change-debug.is-collapsed{grid-template-rows:auto auto auto}.scene-change-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.scene-change-metric{border:1px solid color-mix(in oklch,var(--scene-border)80%,transparent);background:#1c1411d1;background:lab(7.1519% 3.33346 3.29582/.82);padding:.78rem .85rem;display:block}.scene-change-metric strong,.scene-change-slider em{margin-top:.35rem;font-size:.98rem;font-weight:600;display:block}.scene-change-footnote{color:var(--scene-muted);margin:0;font-size:.86rem;line-height:1.45}.scene-change-label{color:var(--scene-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;display:block}.scene-change-progress{background:color-mix(in oklch,var(--scene-border)58%,transparent);transform-origin:0;height:.52rem;overflow:hidden;transform:skew(-18deg)}.scene-change-progress-bar{transform-origin:0;background:linear-gradient(90deg,var(--scene-accent-soft),color-mix(in oklch,var(--scene-accent)82%,white));width:100%;height:100%}.scene-change-control-block{gap:.55rem;display:grid}.scene-change-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.scene-change-segmented,.scene-change-pill-row{flex-wrap:wrap;gap:.55rem;display:flex}.scene-change-segmented button,.scene-change-pill-row button{appearance:none;border:1px solid color-mix(in oklch,var(--scene-border)82%,transparent);color:var(--scene-copy);font:inherit;background:#241b17b8;background:lab(10.5887% 3.96446 4.48504/.72);padding:.72rem .92rem;font-size:.9rem;transition:border-color .18s,background .18s,transform .18s}.scene-change-segmented button:hover,.scene-change-pill-row button:hover,.scene-change-toggle:hover{border-color:color-mix(in oklch,var(--scene-accent)38%,var(--scene-border))}.scene-change-segmented button.is-active,.scene-change-pill-row button.is-active{background:color-mix(in oklch,var(--scene-accent)18%,#231813);border-color:color-mix(in oklch,var(--scene-accent)55%,transparent);transform:translateY(-1px)}@supports (color:lab(0% 0 0)){.scene-change-segmented button.is-active,.scene-change-pill-row button.is-active{background:color-mix(in oklch,var(--scene-accent)18%,lab(9.40241% 5.01848 5.42561))}}.scene-change-slider,.scene-change-color-field{gap:.55rem;display:grid}.scene-change-color-field span{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.scene-change-color-field strong{font-size:.95rem}.scene-change-color-field em{color:var(--scene-accent);font-style:normal}.scene-change-color-input-wrap{border:1px solid color-mix(in oklch,var(--scene-border)82%,transparent);background:#241b176b;background:lab(10.5887% 3.96445 4.48504/.42);justify-content:flex-start;align-items:center;padding:.32rem;display:flex}.scene-change-color-input-wrap input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:2.55rem;padding:0}.scene-change-color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.scene-change-color-input-wrap input[type=color]::-webkit-color-swatch{border:none}.scene-change-color-input-wrap input[type=color]::-moz-color-swatch{border:none}.scene-change-slider span{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.scene-change-slider strong{font-size:.95rem}.scene-change-slider em{color:var(--scene-accent);font-style:normal}.scene-change-slider input[type=range]{appearance:none;background:color-mix(in oklch,var(--scene-border)70%,transparent);border-radius:999px;width:100%;height:.55rem}.scene-change-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--scene-accent);width:1rem;height:1rem;box-shadow:0 0 0 .25rem color-mix(in oklch,var(--scene-accent)18%,transparent);border:none;border-radius:50%}.scene-change-slider input[type=range]::-moz-range-thumb{background:var(--scene-accent);width:1rem;height:1rem;box-shadow:0 0 0 .25rem color-mix(in oklch,var(--scene-accent)18%,transparent);border:none;border-radius:50%}.scene-change-inline-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:.8rem;display:grid}.scene-change-toggle{border:1px solid color-mix(in oklch,var(--scene-border)82%,transparent);cursor:pointer;background:#241b17b8;background:lab(10.5887% 3.96446 4.48504/.72);align-items:center;gap:.7rem;padding:.82rem .88rem;display:flex}.scene-change-toggle input{accent-color:var(--scene-accent)}@media (max-width:1180px){.scene-change-overlay{justify-content:stretch}}@media (max-width:820px){.scene-change-overlay{padding:.85rem}.scene-change-control-grid,.scene-change-flow,.scene-change-inline-controls,.scene-change-metric-grid{grid-template-columns:1fr}.scene-change-segmented,.scene-change-pill-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:560px){.scene-change-debug-header,.scene-change-debug-summary,.scene-change-debug-body{padding-left:.9rem;padding-right:.9rem}.scene-change-segmented,.scene-change-pill-row{grid-template-columns:1fr}.scene-change-debug{width:calc(100vw - 1.7rem)}}