:root{--paper:#eef1f5;--panel:#fff;--ink:#1b1f2a;--muted:#5d6676;--rule:#d3d9e2;--rail:#b9c1ce;--red:#d42f3a;--blue:#2a62de;--warn:#9a5b00;--warn-bg:#fff4e0;--error:#b3261e;--error-bg:#fdecea;--focus:#2a62de;--sans:"Barlow", system-ui, sans-serif;--numeric:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:100%;line-height:1.5}:root[data-theme=dark]{--paper:#141824;--panel:#1d2230;--ink:#e7eaf1;--muted:#9aa3b5;--rule:#2f3648;--rail:#4a5369;--red:#ff5d66;--blue:#6493ff;--warn:#f2b14c;--warn-bg:#2d2416;--error:#ff8a80;--error-bg:#34191b;--focus:#6493ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--paper);margin:0}h1,h2,h3,h4,p{margin:0}code{font-family:var(--numeric);font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{font:inherit;border:1px solid var(--rule);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:.5rem .9rem;font-size:.9375rem;font-weight:600}.button:hover{border-color:var(--muted)}.button-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.button-primary:hover{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 85%, var(--paper))}.button-link{color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;padding:.25rem 0;text-decoration:underline}.button-link:hover{color:var(--ink);border-color:#0000}.notice{border-radius:10px;gap:.4rem;padding:1rem 1.1rem;display:grid}.notice h2{font-family:var(--numeric);font-size:1.25rem;font-weight:700}.notice-error{background:var(--error-bg);border-left:4px solid var(--error)}.notice-warn{background:var(--warn-bg);border-left:4px solid var(--warn)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.controller-select{gap:.4rem;display:grid}.controller-select label{font-size:.9375rem;font-weight:600}.controller-select select{font:inherit;border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:6px;width:100%;padding:.5rem .6rem}.controller-select-help{color:var(--muted);font-size:.875rem}.slider-track{height:1.25rem;display:block;position:relative}.slider-track:before{content:"";background:var(--rail);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.slider-track-zero{background:var(--rail);width:1px;position:absolute;top:25%;bottom:25%;left:50%}.slider-track-handle{background:var(--saber,var(--ink));border-radius:3px;width:6px;margin-left:-3px;transition:left .22s ease-out;position:absolute;top:0;bottom:0}.slider-track.is-warn .slider-track-handle{background:var(--warn)}.empty-state{border:1px solid var(--rule);border-radius:10px;gap:.6rem;max-width:34rem;padding:1.5rem;display:grid}.empty-state h2{font-family:var(--numeric);font-size:1.375rem;font-weight:700}.empty-state p{color:var(--muted)}.empty-state-tracks{opacity:.8;gap:.35rem;max-width:26rem;margin-top:.75rem;display:grid}.empty-state-row{font-family:var(--numeric);color:var(--muted);grid-template-columns:1.1rem 1fr;align-items:center;gap:.75rem;font-weight:600;display:grid}.file-drop{border:2px dashed var(--rail);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:12px;padding:1.25rem;transition:border-color .15s,background-color .15s}.file-drop.has-file{border-style:solid;border-color:var(--rule);background:var(--panel)}.file-drop.is-dragging{border-style:dashed;border-color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, var(--panel))}.file-drop-text{gap:.25rem;font-size:1.0625rem;font-weight:500;display:grid}.file-drop-name{font-family:var(--numeric);overflow-wrap:anywhere;font-size:1.125rem;font-weight:600}.file-drop-hint{color:var(--muted);font-size:.875rem;font-weight:400}.file-drop-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1rem;display:flex}.footer{border-top:1px solid var(--rule);color:var(--muted);margin-top:3.5rem;padding-top:1rem;font-size:.875rem}.header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2.25rem;display:flex}.header>div{max-width:40rem}.header-title{font-family:var(--numeric);letter-spacing:-.01em;background:linear-gradient(90deg, var(--red) 0 50%, var(--blue) 50% 100%);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:700;line-height:1}.header-lede{color:var(--muted);max-width:34em;margin-top:.75rem;font-size:1.125rem}.results{gap:1.25rem;display:grid;container-type:inline-size}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.results-sabers{gap:1rem;display:grid}@container (width>=40rem){.results-sabers{grid-template-columns:1fr 1fr;align-items:start}}.slider-group{gap:.35rem;display:grid}.slider-group h4{font-size:.875rem;font-weight:600}.slider-group-row{grid-template-columns:1.1rem 1fr 7.5rem;align-items:center;gap:.75rem;display:grid}.slider-group-axis{font-family:var(--numeric);color:var(--muted);font-weight:600}.slider-group-value{font-family:var(--numeric);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:1.375rem;font-weight:600;line-height:1.1}.slider-group-unit{color:var(--muted);font-size:.9rem;font-weight:500}.slider-group-row.is-pinned .slider-group-value{color:var(--warn)}.slider-group-flag{font-family:var(--sans);font-size:.75rem;font-weight:600;display:block}.difference{background:color-mix(in srgb, var(--ink) 5%, var(--panel));border-radius:6px;gap:.6rem;padding:.65rem .8rem .7rem;display:grid}.difference h4{color:var(--muted);font-size:.8125rem;font-weight:600}.difference-numbers{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;display:grid}.difference-numbers dt{color:var(--muted);font-size:.8125rem}.difference-numbers dd{font-family:var(--numeric);font-variant-numeric:tabular-nums;margin:0;font-size:1.0625rem;font-weight:600}.difference-views{gap:.35rem;display:grid}.difference-view{grid-template-columns:2.25rem 1fr;align-items:center;gap:.5rem;display:grid}.difference-view-label{color:var(--muted);font-size:.75rem}.difference-view svg{width:100%;height:2.5rem;display:block;overflow:visible}.difference-view line{vector-effect:non-scaling-stroke;stroke-linecap:round}.difference-axis{stroke:var(--rule);stroke-width:1px;stroke-dasharray:3 4}.difference-reference{stroke:var(--muted);stroke-width:6px;opacity:.3}.difference-converted{stroke:var(--saber);stroke-width:2px}.difference-grip{stroke:var(--saber);stroke-width:7px}.difference-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .9rem;font-size:.75rem;display:flex}.difference-key{align-items:center;gap:.35rem;display:inline-flex}.difference-key:before{content:"";border-radius:3px;width:1.1rem;display:inline-block}.difference-key-reference:before{background:var(--muted);opacity:.3;height:6px}.difference-key-converted:before{background:var(--saber);height:2px}.difference-scale{margin-left:auto}.saber-panel{--saber:var(--blue);border:1px solid var(--rule);background:var(--panel);border-radius:10px;gap:1rem;padding:1.1rem 1.1rem 1rem 1.35rem;display:grid;position:relative;overflow:hidden}.saber-panel-left{--saber:var(--red)}.saber-panel:before{content:"";background:var(--saber);width:5px;position:absolute;inset:0 auto 0 0}.saber-panel h3{font-family:var(--numeric);color:var(--saber);font-size:1.25rem;font-weight:700}.alt-handling{flex:18rem;align-items:center;gap:.9rem;display:flex}.alt-handling-box{border:2px solid var(--ink);border-radius:6px;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.alt-handling-box.is-on{background:var(--ink)}.alt-handling-box svg{fill:none;width:1.4rem;height:1.4rem;stroke:var(--paper);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.alt-handling-label{font-family:var(--numeric);font-size:1.5rem;font-weight:700;line-height:1.15}.app{max-width:76rem;margin:0 auto;padding:2.5rem 1rem 2rem}@media (width>=40rem){.app{padding:3.5rem 2rem 2.5rem}}.app-layout{gap:2rem;display:grid}.app-input{gap:1.5rem;display:grid}@media (width>=60rem){.app-layout{grid-template-columns:minmax(18rem,22rem) 1fr;align-items:start;gap:3rem}.app-input{position:sticky;top:1.5rem}}
