:root{--face:silver;--light:#fff;--midlight:#dfdfdf;--shadow:gray;--dark:#0a0a0a;--title:navy;--title-text:#fff;--text:#000;--muted:#404040;--field:#fff;--bad:#c00000;--good:#006000;--raised:inset -1px -1px var(--dark), inset 1px 1px var(--light), inset -2px -2px var(--shadow), inset 2px 2px var(--midlight);--sunken:inset -1px -1px var(--light), inset 1px 1px var(--shadow), inset -2px -2px var(--midlight), inset 2px 2px var(--dark);--pressed:inset -1px -1px var(--light), inset 1px 1px var(--dark), inset -2px -2px var(--midlight), inset 2px 2px var(--shadow);--font:"MS Sans Serif", "Microsoft Sans Serif", Tahoma, "Segoe UI", sans-serif;--mono:"Fixedsys", "Lucida Console", "Courier New", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--face);color:var(--text);font-family:var(--font);-webkit-font-smoothing:none;-webkit-text-size-adjust:100%;margin:0;font-size:13px;line-height:1.35;overflow-y:auto}main{flex-direction:column;gap:6px;max-width:720px;margin:0 auto;padding:6px;display:flex}.window{background:var(--face);box-shadow:var(--raised);padding:3px}.window[hidden]{display:none}.title-bar{background:var(--title);color:var(--title-text);letter-spacing:0;margin:0;padding:3px 4px;font-size:13px;font-weight:700}.window-body{flex-direction:column;gap:8px;padding:8px 6px 6px;display:flex}.window-body p{margin:0}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row.end{justify-content:flex-end}.sunken{box-shadow:var(--sunken)}button{background:var(--face);min-width:75px;min-height:23px;color:var(--text);box-shadow:var(--raised);font:inherit;cursor:pointer;border:none;border-radius:0;padding:3px 12px}input[type=file]::file-selector-button{background:var(--face);min-width:75px;min-height:23px;color:var(--text);box-shadow:var(--raised);font:inherit;cursor:pointer;border:none;border-radius:0;padding:3px 12px}button:active:not(:disabled){box-shadow:var(--pressed);padding:4px 11px 2px 13px}input[type=file]::file-selector-button:active{box-shadow:var(--pressed);padding:4px 11px 2px 13px}button:focus-visible{outline:1px dotted var(--text);outline-offset:-4px}button:disabled{color:var(--shadow);text-shadow:1px 1px 0 var(--light);cursor:default}input[type=file]{background:var(--field);width:100%;max-width:420px;box-shadow:var(--sunken);font:inherit;color:var(--text);padding:3px}input[type=file]::file-selector-button{margin-right:8px}input[type=checkbox]{appearance:none;background:var(--field);width:13px;height:13px;box-shadow:var(--sunken);vertical-align:middle;cursor:pointer;margin:0 6px 0 0}input[type=checkbox]:active{background:var(--face)}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' shape-rendering='crispEdges'%3E%3Cpath d='M6 0v2H5v1H4v1H3v1H2v1H1V5H0V2h1v1h1v1h1V3h1V2h1V0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}#analyzing:has(#progress-text:empty){display:none}.progress{--progress:0%;background:var(--face);height:20px;padding:3px}.progress-fill{width:var(--progress);background:repeating-linear-gradient(to right, var(--title) 0, var(--title) 8px, transparent 8px, transparent 10px);height:100%}.status-bar{font-family:var(--mono);color:var(--text);padding:2px 4px;font-size:12px}.player{background:#000;width:100%;max-width:360px;margin:0 auto;padding:2px;position:relative}.player video{width:100%;display:block}.player canvas{pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}#summary{font-weight:700}.note{color:var(--muted);font-size:12px}.list-view{background:var(--field);padding:2px;overflow-x:auto}.list-view table{border-collapse:collapse;white-space:nowrap;width:100%}.list-view th{background:var(--face);box-shadow:var(--raised);text-align:left;padding:2px 6px;font-weight:400;position:sticky;top:0}.list-view td{padding:2px 6px}.list-view .num{text-align:right;font-family:var(--mono);font-size:12px}.rep{cursor:pointer}.rep td:first-child{font-family:var(--mono);font-size:12px}.rep .mark{font-weight:700}.rep.ok .mark{color:var(--good)}.rep.shallow .mark{color:var(--bad)}.rep:focus{outline:1px dotted var(--text);outline-offset:-1px}.rep.selected,.rep.selected .mark{background:var(--title);color:var(--title-text)}@media (width<=420px){body{font-size:14px}main{gap:4px;padding:4px}.list-view th,.list-view td{padding:3px 4px}.row button{flex:auto}}