:root{--bg: #14141a;--panel: #1d1d25;--line: #2e2e3a;--text: #e6e6ee;--muted: #9a9aad;--accent: #7aa2f7;--warn: #3a2f1a;--warn-line: #6b5424;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.loading{padding:3rem;color:var(--muted)}.app{display:flex;height:100vh}.panel{width:330px;flex:none;overflow-y:auto;padding:1rem 1.1rem 2rem;background:var(--panel);border-right:1px solid var(--line)}.panel h1{font-size:1.05rem;margin:0 0 1rem}.panel h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.4rem 0 .6rem}.warn{background:var(--warn);border:1px solid var(--warn-line);border-radius:6px;padding:.6rem .7rem;font-size:.82rem;line-height:1.45}.hint{color:var(--muted);font-size:.78rem;margin:.2rem 0 .7rem}label{display:block;margin-bottom:.55rem}select{width:100%;margin-top:.25rem;padding:.35rem;background:#24242e;color:var(--text);border:1px solid var(--line);border-radius:4px}.slider .slabel{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.15rem}.slider .slabel{align-items:center;gap:.4rem}.slider .sval{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.slider .sval input[type=number]{width:4.6rem;padding:.1rem .3rem;background:#24242e;color:var(--accent);border:1px solid var(--line);border-radius:4px;font:inherit;text-align:right}.slider input[type=range]{width:100%;accent-color:var(--accent)}.check{display:flex;gap:.45rem;align-items:center;font-size:.85rem}.check input{accent-color:var(--accent)}button.run{width:100%;margin-top:1.2rem;padding:.6rem;font-size:.95rem;background:var(--accent);color:#10131c;border:0;border-radius:5px;cursor:pointer;font-weight:600}button.run:disabled{opacity:.55;cursor:default}.status{margin-top:.5rem;font-size:.8rem;color:var(--muted);min-height:1.2em}.stage{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.viewer{flex:1;min-height:0}.sidecol{position:absolute;top:.8rem;right:.8rem;width:min(340px,calc(100% - 1.6rem));max-height:calc(100% - 1.6rem);display:flex;flex-direction:column;gap:.5rem;z-index:2;pointer-events:none}.sidecol>*{pointer-events:auto;min-width:0;overflow-x:hidden}.dock{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;background:#1d1d25eb;border:1px solid var(--line);border-radius:6px}.dockhead{display:flex;justify-content:space-between;gap:.8rem;width:100%;padding:.4rem .75rem;background:none;border:0;color:var(--text);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;text-align:left}.dockhead .docksum{color:var(--accent);font-weight:400;font-variant-numeric:tabular-nums}.dock .metrics{overflow-y:auto;min-height:0}.metrics{border-top:1px solid var(--line);padding:.5rem .75rem .6rem}.mhead{display:flex;gap:1.4rem;flex-wrap:wrap;margin-bottom:.5rem;font-size:.85rem}.mhead .ok{color:#8fd18f}.mhead .bad{color:#e08a8a}.metrics table{width:100%;border-collapse:collapse;font-size:.82rem}.metrics th,.metrics td{text-align:right;padding:.22rem .5rem;border-bottom:1px solid var(--line)}.metrics th:first-child,.metrics td:first-child{text-align:left}.metrics th{color:var(--muted);font-weight:500}.metrics td{font-variant-numeric:tabular-nums}.playback{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.4rem .75rem;border-top:1px solid var(--line)}.playback button{padding:.35rem .8rem;font-size:.82rem;white-space:nowrap}.playback input[type=range]{order:3;flex:1 1 100%;min-width:0;width:100%}.playback .pcount{flex:1;min-width:0;font-size:.78rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.etag{display:inline-block;margin-left:.4rem;padding:0 .3rem;border-radius:3px;font-size:.65rem;line-height:1.3;vertical-align:middle;cursor:help}.etag.kroj{background:#50a0f038;color:#96c8fa}.etag.telo{background:#78c87833;color:#a0dca0}.etag.nista{background:#ffffff12;color:var(--muted)}.shint{display:block;font-size:.7rem;color:var(--muted);margin-top:-.1rem}.fit{margin-top:.5rem;padding:.45rem .55rem;border-radius:4px;background:#ffffff0a;font-size:.75rem}.fit.off{background:#f2b00d1f}.fit .fhead{color:var(--muted)}.fit table{width:100%;margin-top:.35rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.fit td{padding:.1rem .2rem}.fit td:not(:first-child){text-align:right}.fit td.bad{color:#f28c0d}.legend{margin-top:.5rem}.lramp{height:10px;border-radius:3px;background:linear-gradient(to right,#0059d9,#26d940,#f2400d)}.lends{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:.2rem}.lmissing{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--muted);margin-top:.35rem}.lmissing i{width:12px;height:12px;border-radius:2px;background:#73737a;display:inline-block}.fitlegend{flex:0 1 auto;min-height:0;overflow-y:auto;padding:.5rem .75rem;background:#1d1d25eb;border:1px solid var(--line);border-radius:6px;font-size:.76rem;line-height:1.45}.fitlegend .flhead{background:none;border:0;padding:0;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.fitlegend dl{margin:.4rem 0 0}.fitlegend dt{color:var(--accent);margin-top:.45rem}.fitlegend dd{margin:.1rem 0 0;color:var(--muted)}.fitlegend ul{margin:.25rem 0;padding-left:1.1rem}.fitlegend b{color:var(--text);font-weight:500}