*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #ffffff;--color-surface: #f4f4f5;--color-border: #e4e4e7;--color-text: #18181b;--color-text-muted: #71717a;--color-accent: #2f6feb;--color-accent-contrast: #ffffff;--color-danger: #b91c1c;--radius: 8px}@media(prefers-color-scheme:dark){:root{--color-bg: #0b0b0c;--color-surface: #18181b;--color-border: #27272a;--color-text: #f4f4f5;--color-text-muted: #a1a1aa;--color-accent: #5b8cf0;--color-accent-contrast: #0b0b0c;--color-danger: #f87171}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.page--wide{max-width:56rem}.hero{padding-block:1rem 2rem;display:flex;flex-direction:column;gap:.5rem}.hero h1{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;letter-spacing:-.01em}.hero__tagline{color:var(--color-accent);font-weight:500}.hero__subtitle{color:var(--color-text-muted);max-width:60ch}.editor{display:flex;flex-direction:column;gap:1.5rem}.dropzone{border:1px dashed var(--color-border);border-radius:var(--radius);padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;transition:border-color .12s ease,background-color .12s ease}.dropzone--active{border-color:var(--color-accent);background-color:var(--color-surface)}.dropzone__title{font-weight:500}.dropzone__hint{color:var(--color-text-muted);font-size:.875rem}.panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.panel h2{font-size:1rem;font-weight:600}.panel.actions{flex-direction:row;flex-wrap:wrap;align-items:center}.findings{list-style:none;display:flex;flex-direction:column;gap:.5rem}.findings li{display:flex;justify-content:space-between;gap:1rem;padding-block:.375rem;border-bottom:1px solid var(--color-border)}.findings li:last-child{border-bottom:none}.findings span,.message{color:var(--color-text-muted)}.message--error{color:var(--color-danger)}.hint{font-size:.875rem;color:var(--color-text-muted)}.field{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.field--inline{flex-direction:row}.field input[type=range]{flex:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.button:hover{background-color:var(--color-surface)}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover{opacity:.92}.segmented{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;align-self:flex-start}.segmented__option{padding:.5rem 1rem;border:none;background-color:var(--color-bg);color:var(--color-text);cursor:pointer;font-weight:500}.segmented__option+.segmented__option{border-left:1px solid var(--color-border)}.segmented__option--active{background-color:var(--color-accent);color:var(--color-accent-contrast)}.compare-player{display:flex;flex-direction:column;gap:1rem}.compare-player__video{width:100%;border-radius:var(--radius);background-color:#000}.compare-player__controls{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}