:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#dde1e7;--text:#1f2328;--muted:#667085;--accent:#4f5bd5;--accent-soft:#e8eafc;--ok:#1a7f37;--ok-soft:#dcf5e3;--bad:#c62828;--bad-soft:#fde7e7;--warn:#9a6700;--warn-soft:#fff4d6;--diff:#fff1b8;--log-bg:#0f1115;--log-text:#d7dae0;--radius:8px;--mono:ui-monospace, "Cascadia Code", "Consolas", "SF Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2b303b;--text:#e6e8ec;--muted:#8b93a3;--accent:#8b96ff;--accent-soft:#252a4a;--ok:#4ac26b;--ok-soft:#12301b;--bad:#ff6b6b;--bad-soft:#3a1717;--warn:#e3b341;--warn-soft:#33290e;--diff:#4a3f10;--log-bg:#0a0c10;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}h1{align-items:center;gap:.6rem;margin:0 0 .25rem;font-size:1.5rem;display:flex}h2{margin:1.5rem 0 .5rem;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85em}.error-text{color:var(--bad)}.layout{grid-template-columns:210px 1fr;height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:1px;padding:1rem .6rem;display:flex;overflow-y:auto}.sidebar a{color:var(--text);border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .6rem;display:flex}.sidebar a:hover{background:var(--surface-2);text-decoration:none}.sidebar a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar .brand{margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.sidebar .brand .muted{font-size:.8rem;font-weight:400}.nav-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.9rem .6rem .2rem;font-size:.72rem}.sidebar-foot{margin-top:auto;padding:.6rem;font-size:.78rem}.dot{background:var(--ok);border-radius:50%;width:7px;height:7px;margin-left:auto;animation:1.4s ease-in-out infinite pulse}.count{background:var(--ok);color:#fff;border-radius:999px;margin-left:auto;padding:0 .45rem;font-size:.72rem}@keyframes pulse{50%{opacity:.3}}.content{padding:1.5rem 2rem 6rem;overflow-y:auto}.page{max-width:1200px}.page-head{margin-bottom:1.25rem}.page-head p{margin:.25rem 0}.centered{max-width:34rem;margin:15vh auto;padding:0 1rem}.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 2rem;display:grid}.crumbs{margin-bottom:.5rem}button,.button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .8rem;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--surface-2);text-decoration:none}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.danger{color:var(--bad);border-color:var(--bad)}button.ghost,.button.ghost{background:0 0}button.small{padding:.1rem .45rem;font-size:.8rem}button.link{color:var(--accent);font-size:inherit;background:0 0;border:0;padding:0}button.link:hover:not(:disabled){background:0 0;text-decoration:underline}input[type=text],input[type=number],input[type=search],input:not([type]),select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:0;padding:.35rem .6rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled{opacity:.55}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0;display:flex}.toolbar input[type=search]{width:260px}.spacer{flex:1}label.inline{align-items:center;gap:.4rem;display:inline-flex}.segmented{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.segmented>*{background:var(--surface);color:var(--text);border:0;border-radius:0;padding:.35rem .8rem}.segmented>*+*{border-left:1px solid var(--border)}.segmented>.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.segmented a:hover{text-decoration:none}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:1rem;padding:1.25rem;display:grid}.field{gap:.3rem;display:grid}.field label{font-weight:500}.field-flag label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.input-row{gap:.5rem;display:flex}.input-row>input,.input-row>select{flex:1}.help{color:var(--muted);max-width:70ch;margin:0;font-size:.86rem}.help.warn{color:var(--warn)}.required{color:var(--muted);font-size:.8rem;font-weight:400}.form-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.error-box,.warn-box{border-radius:var(--radius);margin:.5rem 0;padding:.7rem .9rem}.error-box{background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad)}.warn-box{background:var(--warn-soft);color:var(--text);border:1px solid var(--warn)}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);gap:.25rem;padding:.9rem 1rem;display:grid}.card:hover{border-color:var(--accent);text-decoration:none}.card strong{font-family:var(--mono)}.plain-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.stats{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:110px;padding:.6rem 1rem;display:grid}.stat strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.stat span{color:var(--muted);font-size:.82rem}.badge{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);vertical-align:middle;border-radius:999px;padding:.05rem .5rem;font-size:.74rem;font-weight:600;display:inline-block}.status-running{background:var(--accent-soft);color:var(--accent);border-color:#0000}.status-succeeded{background:var(--ok-soft);color:var(--ok);border-color:#0000}.status-failed{background:var(--bad-soft);color:var(--bad);border-color:#0000}.rule-fingerprint{background:var(--ok-soft);color:var(--ok);border-color:#0000}.rule-metadata{background:var(--accent-soft);color:var(--accent);border-color:#0000}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.9rem}.table-scroll .table{border:0}section>.table,.page>.table{border:1px solid var(--border);border-radius:var(--radius)}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.4rem .65rem}.table th{color:var(--muted);background:var(--surface-2);white-space:nowrap;font-weight:600;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.num{font-variant-numeric:tabular-nums;text-align:right!important}.nowrap{white-space:nowrap}.with-play{align-items:center;gap:.4rem;display:inline-flex}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow-x:auto}.group-card>header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.dup-table td{vertical-align:middle}.dup-table th{position:static}td.diff,span.diff{background:var(--diff)}.file-cell{max-width:420px}.file-name,.file-folder{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-folder{color:var(--muted);text-align:left;direction:rtl;font-size:.8rem}button.more{justify-content:center;width:100%;margin:.25rem 0 .75rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}button.chip{border-radius:999px;padding:.15rem .7rem;font-size:.85rem}button.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}button.chip.bad:not(.active){border-color:var(--bad)}button.chip.warn:not(.active){border-color:var(--warn)}.chip-count{color:var(--muted);font-variant-numeric:tabular-nums}.quality-table td{vertical-align:middle}.quality-table td.num{white-space:nowrap}.quality-table .file-cell{max-width:280px}.file-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.8rem;display:block;overflow:hidden}.claims.encoder{text-overflow:ellipsis;max-width:130px;overflow:hidden}.quality-table tr.open td{border-bottom:0}.claims{color:var(--muted);white-space:nowrap;font-size:.78rem}.claims .diff{color:var(--text);border-radius:3px;padding:0 .15rem}.issue-list{flex-wrap:wrap;gap:.25rem;display:inline-flex}.issue-list .badge{white-space:nowrap}button.toggle{justify-content:center;width:24px;padding:.1rem 0}.issue-bad{background:var(--bad-soft);color:var(--bad);border-color:#0000}.issue-warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.detail-row>td{background:var(--surface-2)}.quality-detail .toolbar{margin-top:0}.flag-list{margin:0 0 .6rem;padding-left:1.2rem}.compare-table{border:1px solid var(--border);border-radius:var(--radius);max-width:900px}.compare-table th{position:static}.compare-table tbody th{color:var(--muted);background:0 0;font-weight:500}button.play{border-radius:50%;flex:none;justify-content:center;width:28px;height:28px;padding:0;font-size:.7rem}button.play.active{background:var(--accent);border-color:var(--accent);color:#fff}.command-line{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.5rem;margin:.5rem 0;padding:.4rem .6rem;display:flex;overflow-x:auto}.command-line code{white-space:nowrap;flex:1}.log{background:var(--log-bg);color:var(--log-text);font-family:var(--mono);border-radius:var(--radius);min-height:6rem;max-height:65vh;padding:.75rem 1rem;font-size:.82rem;line-height:1.45;overflow:auto}.log-line{white-space:pre-wrap;word-break:break-word}.log-line.err{color:#f0b46a}.log-line.fatal{color:#ff7b7b;font-weight:600}.log-line a{color:#8fb7ff;text-decoration:underline}.log-note{color:#7d8590;font-style:italic}.progress{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;height:26px;margin:.5rem 0 1rem;position:relative;overflow:hidden}.progress-bar{background:var(--accent-soft);transition:width .4s;position:absolute;inset:0 auto 0 0}.progress span{font-size:.82rem;line-height:24px;font-family:var(--mono);padding:0 .7rem;position:relative}.modal-backdrop{z-index:20;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;width:min(640px,92vw);max-height:80vh;padding:1rem;display:flex;box-shadow:0 12px 40px #0000004d}.modal-head,.modal-foot{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal-foot .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fs-list{border:1px solid var(--border);border-radius:6px;min-height:240px;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.fs-entry{white-space:normal;text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;padding:.3rem .5rem}.fs-entry.file{color:var(--accent)}.player{background:var(--surface);border-top:1px solid var(--border);z-index:10;align-items:center;gap:1rem;padding:.5rem 1.25rem;transition:transform .2s;display:flex;position:fixed;bottom:0;left:210px;right:0;transform:translateY(110%);box-shadow:0 -6px 20px #00000014}.player.open{transform:none}.player-label{flex:1;min-width:0;display:grid}.player-label>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player audio{width:min(480px,50vw);height:36px}@media (width<=760px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;padding:.5rem}.nav-label,.sidebar-foot{display:none}.sidebar .brand{margin:0 .5rem 0 0}.content{padding:1rem 1rem 6rem}.player{flex-wrap:wrap;left:0}.player audio{width:100%}}