:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--bg:#f6f6f4;--panel:#fff;--panel-2:#fafaf8;--border:#e4e3de;--text:#1c1c1e;--muted:#6b6b70;--faint:#a0a0a6;--accent:#2563eb;--row-hover:#2563eb12;--row-selected:#2563eb21;--hex-bg:#fff;--hex-text:#1f1f22;--hex-zero:#bdbdc2;--hex-offset:#a4a4aa;--tint-sig:#16a34a;--tint-ihdr:#2563eb;--tint-plte:#9333ea;--tint-idat:#ea7a0c;--tint-iend:#8e8e93;--tint-text:#0e9aa7;--tint-anc:#5b6475;--tint-gps:#d6336c;--tint-warning:#d69e00;--tint-error:#e5383b;--alpha-base:.1;--alpha-selected:.22;--alpha-hover:.34}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f11;--panel:#161618;--panel-2:#1a1a1d;--border:#28282c;--text:#ececef;--muted:#a1a1aa;--faint:#6b6b74;--accent:#6b9bff;--row-hover:#6b9bff17;--row-selected:#6b9bff2b;--hex-bg:#131315;--hex-text:#e4e4e7;--hex-zero:#4d4d55;--hex-offset:#5d5d66;--tint-sig:#34d17a;--tint-ihdr:#5b8cff;--tint-plte:#b57bff;--tint-idat:#ffa53d;--tint-iend:#9a9aa2;--tint-text:#2fc6d1;--tint-anc:#8a93a6;--tint-gps:#ff5c9a;--tint-warning:#ffd23f;--tint-error:#ff5a5f;--alpha-base:.13;--alpha-selected:.27;--alpha-hover:.4}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;grid-template-rows:52px 1fr;display:grid;overflow:hidden}button,input{font:inherit}.topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:20px;min-width:0;padding:0 16px;display:flex}.brand{letter-spacing:-.01em;flex:none;align-items:center;gap:8px;font-weight:650;display:flex}.brand svg{width:22px;height:22px}.brand svg path{fill:var(--accent)}.brand svg circle{fill:none;stroke:#fff;stroke-width:2.5px}.fileinfo{min-width:0;color:var(--muted);white-space:nowrap;flex:1;align-items:baseline;gap:12px;display:flex;overflow:hidden}.crumb-back{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.crumb-back:hover{text-decoration:underline}.crumb-sep{color:var(--faint);margin:0 6px}.entry-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.filename{color:var(--text);text-overflow:ellipsis;font-weight:600;overflow:hidden}.meta{text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.actions{flex:none;gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--panel);height:32px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;padding:0 12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--faint);background:var(--panel-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.problems{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;height:32px;padding:0 12px 0 10px;font-weight:600;display:inline-flex}.problems:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.problems[data-severity=error]{color:var(--tint-error);background:color-mix(in srgb, var(--tint-error) 12%, transparent);border-color:color-mix(in srgb, var(--tint-error) 30%, transparent)}.problems[data-severity=warning]{color:var(--tint-warning);background:color-mix(in srgb, var(--tint-warning) 14%, transparent);border-color:color-mix(in srgb, var(--tint-warning) 35%, transparent)}.layout{grid-template-rows:minmax(0,1fr) 250px;grid-template-columns:290px minmax(0,1fr);min-height:0;display:grid}.pane{min-width:0;min-height:0}.pane-tree{border-right:1px solid var(--border);background:var(--panel);overflow:auto}.pane-hex{background:var(--hex-bg);position:relative}.pane-drawer{border-top:1px solid var(--border);background:var(--panel);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,600px);display:grid;overflow:hidden}.hex-scroller{overscroll-behavior:contain;position:absolute;inset:0 14px 0 0;overflow:hidden auto}.minimap{border-left:1px solid var(--border);cursor:pointer;touch-action:none;width:14px;height:100%;position:absolute;top:0;right:0}.hex-canvas{display:block;position:sticky;top:0}.status{z-index:1;background:var(--panel);border:1px solid var(--border);color:var(--muted);font:12px var(--mono);pointer-events:none;border-radius:6px;padding:4px 10px;position:absolute;bottom:12px;right:30px;box-shadow:0 2px 8px #0000000f}.tree{font:12.5px/1 var(--mono);position:relative}.row{height:26px;padding:0 12px 0 calc(var(--depth) * 14px + 8px);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}.row.is-hover{background:var(--row-hover)}.row.is-selected{background:var(--row-selected)}.row.is-selected:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:3px;bottom:3px;left:0}.twisty{width:12px;color:var(--faint);text-align:center;flex:none;font-size:10px}.swatch{background:var(--tint-anc);border-radius:2px;flex:none;width:8px;height:8px}.row[data-tint=sig] .swatch{background:var(--tint-sig)}.row[data-tint=ihdr] .swatch{background:var(--tint-ihdr)}.row[data-tint=plte] .swatch{background:var(--tint-plte)}.row[data-tint=idat] .swatch{background:var(--tint-idat)}.row[data-tint=iend] .swatch{background:var(--tint-iend)}.row[data-tint=text] .swatch{background:var(--tint-text)}.row[data-tint=gps] .swatch{background:var(--tint-gps)}.row[data-tint=warning] .swatch{background:var(--tint-warning);border-radius:50%}.row[data-tint=error] .swatch{background:var(--tint-error);border-radius:50%}.label{text-overflow:ellipsis;flex:none;max-width:100%;overflow:hidden}.row.is-warning .label{color:var(--tint-warning)}.row.is-error .label{color:var(--tint-error)}.value{color:var(--muted);text-overflow:ellipsis;min-width:0;margin-left:auto;padding-left:10px;overflow:hidden}.drawer-node,.drawer-file{padding:16px 20px;overflow:auto}.drawer-file{border-left:1px solid var(--border);background:var(--panel-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:start;gap:16px 28px;display:grid}.drawer-file h3{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:0 0 8px;font-size:11px;font-weight:650}.hint{color:var(--faint);margin:0}.crumbs{font:13px var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.crumb.is-current{color:var(--text);font-weight:600}.sep{color:var(--faint)}.pin{font:600 10.5px var(--font);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--row-selected);border-radius:999px;margin-left:6px;padding:1px 7px}.problem{border-radius:7px;margin:-4px 0 12px;padding:7px 10px;font-weight:500}.problem.is-error{color:var(--tint-error);background:color-mix(in srgb, var(--tint-error) 11%, transparent)}.problem.is-warning{color:color-mix(in srgb, var(--tint-warning) 80%, var(--text));background:color-mix(in srgb, var(--tint-warning) 13%, transparent)}.problem.is-hidden{color:color-mix(in srgb, var(--tint-plte) 85%, var(--text));background:color-mix(in srgb, var(--tint-plte) 12%, transparent)}.explain{color:var(--text);margin:-4px 0 12px;line-height:1.45}.spec-link{color:var(--accent);text-decoration:none}.spec-link:hover{text-decoration:underline}.role-0{--role:var(--tint-idat)}.role-1{--role:var(--tint-text)}.role-2{--role:var(--tint-gps)}.role-3{--role:var(--tint-ihdr)}.role-4{--role:var(--tint-plte)}.role-5{--role:var(--tint-error)}.drawer-file .makeup{grid-column:1/-1;margin-bottom:14px}.makeup-bar{background:var(--border);border-radius:5px;height:10px;margin-bottom:8px;display:flex;overflow:hidden}.makeup-part{background:var(--role);cursor:pointer;min-width:1px}.makeup-part:hover{filter:brightness(1.2)}.makeup-legend{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.makeup-row{align-items:center;gap:6px;display:flex}.makeup-row.is-link{cursor:pointer}.makeup-row.is-link:hover .makeup-name{text-decoration:underline}.makeup-swatch{background:var(--role);border-radius:2px;width:9px;height:9px}.makeup-pct{font-family:var(--mono);color:var(--text)}.makeup-size{font-family:var(--mono);color:var(--faint)}.demo{border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:14px;gap:12px;margin:0;padding:14px;display:grid}.demo[hidden]{display:none}.demo-frame{aspect-ratio:1;width:100%;box-shadow:0 0 0 1px var(--border);border-radius:8px;position:relative;overflow:hidden;container-type:size}.demo-image,.demo-overlay{width:100%;height:100%;position:absolute;inset:0}.demo-image{image-rendering:pixelated}.demo-image.is-photo{image-rendering:auto}.demo-bar{background:var(--panel-2);height:6px;box-shadow:inset 0 0 0 1px var(--border);border-radius:3px;flex:1 0 100%;margin:4px 0 2px;overflow:hidden}.demo-bar-fill{background:var(--accent);width:0;height:100%;transition:width .4s ease-out;display:block}.demo-share{color:var(--muted)}.demo-pointer{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .45s cubic-bezier(.3,.7,.2,1);position:absolute;top:-7px;left:-7px;box-shadow:0 0 0 1px #00000080}.demo-side{min-width:0}.demo-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:12px;font-weight:600}.demo-bytes{font:13px var(--mono);color:var(--faint);flex-wrap:wrap;gap:2px 6px;display:flex}.demo-offset{margin-right:6px}.demo-byte.is-hit{color:#fff;background:#e8527abf;border-radius:3px;margin:0 -2px;padding:0 2px}.demo-caption{min-height:4.4em;color:var(--muted);margin:8px 0 0;font-size:13.5px;line-height:1.45}.picture-frame{cursor:crosshair;background:repeating-conic-gradient(var(--panel-2) 0 25%, var(--border) 0 50%) 0 0 / 12px 12px;border-radius:4px;margin:4px 0 8px;position:relative;overflow:hidden}.picture-image,.picture-overlay{width:100%;height:100%;position:absolute;inset:0}.picture-image{image-rendering:pixelated}.picture-overlay{pointer-events:none}.picture-caption{min-height:3.2em;margin:0}.picture-tools{gap:8px;margin:0 0 6px;display:flex}.btn-small{height:28px;padding:0 10px;font-size:13px}.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.buildup{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px;display:flex}.buildup>.hint{flex:1 0 100%;margin:0}.buildup-label{flex:160px;display:flex}.buildup-label input{width:100%;accent-color:var(--accent)}.buildup-says{color:var(--text);flex:1 0 100%;font-size:13px}.scan-list{margin:8px 0 0;padding:0;font-size:13px;list-style:none}.scan-row{width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:2ch 1fr auto;gap:8px;padding:3px 6px;display:grid}.scan-row:hover{background:var(--panel-2)}.scan-row[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text)}.scan-n,.scan-bits{font-family:var(--mono);font-variant-numeric:tabular-nums}.scan-zero{margin-top:4px;font-size:12px;display:block}.thumbcheck{background:color-mix(in srgb, var(--tint-gps) 9%, transparent);border-radius:8px;margin:12px 0;padding:12px 14px}.thumb-title{margin:0 0 8px;font-weight:650}.thumb-pair{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.thumb-pair figure{margin:0}.thumb-pair canvas{max-width:160px;box-shadow:0 0 0 1px var(--border);border-radius:4px;display:block}.thumb-pair figcaption{color:var(--muted);margin-top:4px;font-size:12px}.thumbcheck .hint{margin:10px 0 0}.thumb-ok{color:var(--muted)}.advice{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:0 8px 8px 0;margin:12px 0;padding:10px 14px;font-size:13.5px;line-height:1.5}.advice-title{color:var(--text);margin:0 0 4px;font-weight:650}.advice ul{color:var(--muted);margin:0;padding-left:18px}.advice li+li{margin-top:6px}.report-link{margin-top:10px;font-size:13px}.report{border:1px solid var(--border);background:var(--panel);width:min(680px,100vw - 32px);color:var(--text);border-radius:12px;padding:20px}.report::backdrop{background:#00000073}.report h2{margin:0 0 6px;font-size:17px}.report-text{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);font:12px/1.5 var(--mono);white-space:pre;resize:vertical;border-radius:8px;margin:10px 0 12px;padding:10px}.report-actions{flex-wrap:wrap;gap:8px;display:flex}a.btn{text-decoration:none}.only-narrow{display:none}@media (max-width:900px){.only-narrow{display:inline}}.sharer{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;display:flex}.sharer .hint{margin:0}.cleaner{margin-top:10px}.btn-clean{border-color:color-mix(in srgb, var(--tint-gps) 45%, transparent);color:var(--tint-gps)}.clean-done{color:var(--tint-sig);margin:0 0 6px;font-weight:600}.clean-list{margin:0 0 10px;padding-left:18px;font-size:12.5px}.clean-list li{justify-content:space-between;gap:12px;display:flex}.clean-size{font-family:var(--mono);color:var(--faint);flex:none}.drawer-file .verdict{grid-column:1/-1;margin-bottom:14px}.verdict-lines{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.verdict-line{--tone:var(--muted);background:color-mix(in srgb, var(--tone) 11%, transparent);border-radius:8px;align-items:baseline;gap:8px;padding:7px 10px;line-height:1.4;display:flex}.verdict-line:before{content:"";background:var(--tone);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.verdict-line.is-damage{--tone:var(--tint-error)}.verdict-line.is-hidden{--tone:var(--tint-plte)}.verdict-line.is-reveals{--tone:var(--tint-gps)}.verdict-line.is-oddity,.verdict-line.is-misnamed{--tone:var(--tint-warning)}.verdict-line.is-healthy{--tone:var(--tint-sig)}.verdict-line.is-unknown{--tone:var(--tint-iend)}.verdict-text{flex:1;min-width:0}.verdict-show{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:12.5px}.verdict-show:hover{text-decoration:underline}.facts{grid-template-columns:max-content minmax(0,1fr);gap:5px 16px;margin:0;display:grid}.facts dt{color:var(--faint)}.facts dd{overflow-wrap:anywhere;margin:0}.facts dd.mono{font-family:var(--mono);font-size:13px}.split{background:var(--border);border-radius:4px;height:8px;margin-top:12px;display:flex;overflow:hidden}.split-lit{background:var(--tint-anc)}.split-match{background:var(--tint-idat)}.split-legend{color:var(--muted);margin:6px 0 0;font-size:12px}.empty,.dropzone,.loading{place-items:center;display:none;position:fixed;inset:52px 0 0}body[data-state=empty] .empty{background:var(--bg);display:grid}body[data-state=empty] .layout{visibility:hidden}.empty{overflow-y:auto}.empty-card{max-width:1000px;padding:44px 24px 36px}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:52px;margin-bottom:44px;display:grid}.hero h1{letter-spacing:-.025em;margin:0 0 14px;font-size:36px;line-height:1.12}.empty-card .lede{max-width:540px;color:var(--muted);margin:0 0 24px;font-size:16.5px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.hero-drop{color:var(--faint);font-size:13.5px}@media (pointer:coarse){.hero-drop{display:none}}.btn-big{padding:11px 22px;font-size:15px}.load-error{background:color-mix(in srgb, var(--tint-error) 14%, transparent);color:var(--text);border-radius:8px;margin:12px 0 0;padding:8px 12px;font-size:14px}.load-error[hidden]{display:none}.empty-card .promise{max-width:520px;color:var(--muted);align-items:flex-start;gap:10px;margin:22px 0 18px;font-size:13.5px;line-height:1.5;display:flex}.promise svg{width:15px;height:15px;fill:var(--tint-sig);flex:none;margin-top:2px}.promise strong{color:var(--text)}.formats{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.formats li{border:1px solid var(--border);color:var(--faint);font:11.5px var(--mono);border-radius:999px;padding:2px 8px}.doors{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.door{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-content:start;gap:6px;padding:16px;display:grid}.door:hover{border-color:var(--accent)}.door-icon{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}.door-icon .fill{fill:var(--accent);stroke:none}.door-title{font-size:15px;font-weight:650}.door-text{color:var(--muted);font-size:13px;line-height:1.45}.door-go{color:var(--accent);margin-top:4px;font-size:13px;font-weight:600}.more-links{color:var(--faint);gap:8px;margin-top:26px;font-size:13.5px;display:grid}.more-links p{margin:0}.more-label{min-width:100px;color:var(--muted);font-weight:600;display:inline-block}.more-links a,.empty-card .promise a{color:var(--accent)}.footnote{color:var(--faint);margin:30px 0 0;font-size:12.5px}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}body.is-dragging .dropzone{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid}.dropzone div{border:2px dashed var(--accent);color:var(--accent);border-radius:16px;padding:36px 56px;font-size:18px;font-weight:600}.batch{background:var(--bg);display:none;position:fixed;inset:52px 0 0;overflow-y:auto}body[data-state=batch] .batch{display:block}body[data-state=batch] .layout{visibility:hidden}.batch-card{max-width:880px;margin:0 auto;padding:32px 24px 48px}.batch-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-bottom:18px;display:grid}.batch-head h2{margin:0;font-size:22px}.batch-summary{color:var(--muted);grid-column:1;margin:0}.batch-head .btn-clean{grid-area:1/2/span 2}.batch-result{color:var(--muted);grid-column:1/-1;margin:6px 0 0;font-size:13px}.batch-result:empty{display:none}.batch-filter{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.batch-filter button{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:13px}.batch-filter button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 16%, transparent)}.hero-folder{cursor:pointer}.batch-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.batch-row{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px;display:grid}.batch-row:hover:not(:disabled){border-color:var(--accent)}.batch-row:disabled{cursor:default;opacity:.75}.batch-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.batch-meta{color:var(--faint);white-space:nowrap;font-size:12px}.batch-tags{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.tag{--tone:var(--faint);background:color-mix(in srgb, var(--tone) 16%, transparent);color:color-mix(in srgb, var(--tone) 75%, var(--text));border-radius:999px;padding:2px 8px;font-size:12px;line-height:1.5}.tag.is-damage{--tone:var(--tint-error)}.tag.is-hidden{--tone:var(--tint-plte)}.tag.is-reveals{--tone:var(--tint-gps)}.tag.is-oddity{--tone:var(--tint-warning)}.tag.is-healthy{--tone:var(--tint-sig)}@media (max-width:600px){.batch-card{padding:20px 16px 40px}.batch-head{grid-template-columns:minmax(0,1fr)}.batch-head .btn-clean{grid-area:auto/1;justify-self:start;margin-top:8px}}body[data-state=loading] .loading{z-index:5;color:var(--muted);background:color-mix(in srgb, var(--bg) 70%, transparent);display:grid}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@keyframes grow{0%{transform:scaleX(0)}}.verdict-line{animation:.22s ease-out both rise}.verdict-line:nth-child(2){animation-delay:70ms}.verdict-line:nth-child(3){animation-delay:.14s}.makeup-bar{transform-origin:0;animation:.45s cubic-bezier(.2,.7,.2,1) both grow}.reveal-list dt,.reveal-list dd{transition:opacity .3s}.reveal-list .reveal-link{transition:text-decoration-color .38s;transition-delay:inherit;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;text-decoration-thickness:1.5px}.reveal-list .is-removed{opacity:.45}.reveal-list .is-removed .reveal-link{text-decoration-color:currentColor}.btn-play{gap:7px}.btn-play svg{fill:currentColor;width:11px;height:11px}body.is-playing .btn-play{background:var(--accent);border-color:var(--accent);color:#fff}body.is-playing .layout{grid-template-rows:minmax(0,1fr) 400px}body.is-playing .pane-drawer{grid-template-columns:minmax(0,1fr)}body.is-playing .drawer-node,body.is-playing .drawer-file{display:none}.drawer-player{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:6px;min-height:0;padding:12px 20px 14px;display:grid}.player-bar{align-items:center;gap:18px;min-width:0;display:flex}.player-buttons{gap:4px;display:flex}.player-buttons button,.player-close{border:1px solid var(--border);background:var(--panel);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.player-buttons button:hover,.player-close:hover{border-color:var(--faint)}.player-buttons svg,.player-close svg{fill:currentColor;width:13px;height:13px}.player-buttons .is-play{background:var(--accent);border-color:var(--accent);color:#fff;width:42px}.player-speed{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.player-speed input{width:120px;accent-color:var(--accent)}.player-speed output{min-width:92px;font:12px var(--mono);color:var(--text)}.player-counter{font:12.5px var(--mono);color:var(--muted);white-space:nowrap}.player-badge{white-space:nowrap;color:var(--tint-ihdr);background:color-mix(in srgb, var(--tint-ihdr) 14%, transparent);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.player-close{flex:none;margin-left:auto}.player-sentence{margin:4px 0 0;font-size:15px}.player-sentence .is-literal{color:var(--tint-sig)}.player-sentence .is-match{color:var(--tint-idat)}.player-sentence .is-block{color:var(--tint-ihdr)}.player-sentence .is-failure{color:var(--tint-error)}.player-meta{font:12px var(--mono);color:var(--faint);margin:0}.player-strip{width:100%;height:100%;min-height:96px;display:block}.player-progress{background:var(--border);cursor:pointer;border-radius:3px;height:6px;overflow:hidden}.player-progress div{background:var(--accent);width:0;height:100%}.player-stage{grid-template-columns:minmax(0,1fr) minmax(300px,40%);gap:16px;min-height:0;display:grid}.player-bits{flex-wrap:wrap;gap:4px 6px;min-height:38px;display:flex}.bits-part{background:color-mix(in srgb, var(--part) 14%, transparent);border:1px solid color-mix(in srgb, var(--part) 35%, transparent);border-radius:6px;gap:1px;padding:3px 7px;display:grid}.bits-part code{font:600 12.5px var(--mono);color:var(--part);letter-spacing:.04em}.bits-part small{color:var(--muted);white-space:nowrap;font-size:11px}.bits-part.is-code{--part:var(--tint-idat)}.bits-part.is-extra{--part:var(--tint-sig)}.bits-part.is-header{--part:var(--tint-ihdr)}.bits-part.is-byte{--part:var(--tint-anc)}.bits-part.is-bad{--part:var(--tint-error)}.bits-error{color:var(--tint-error);align-self:center;font-size:12.5px}.player-codes{min-height:0;font-size:12px;overflow:auto}.codes-table+.codes-table{margin-top:10px}.codes-table h4{margin:0 8px 0 0;font-size:12px;display:inline}.codes-hint{color:var(--faint);font-size:11px}.codes-note{color:var(--muted);margin:0 0 8px;font-size:12px}.codes-row{font-family:var(--mono);border-radius:5px;grid-template-columns:44px 40px auto minmax(0,1fr);align-items:baseline;gap:2px 8px;padding:2px 6px;display:grid}.codes-len{color:var(--muted)}.codes-count{color:var(--faint)}.codes-range{color:var(--text)}.codes-symbols{color:var(--muted);flex-wrap:wrap;gap:0 5px;display:flex}.codes-gap{color:var(--faint)}.codes-why{color:var(--faint);grid-column:3/-1;font-size:11px}.codes-row.is-passed{opacity:.55}.codes-row.is-passed .codes-why:before{content:"✗ ";color:var(--tint-error)}.codes-row.is-after{opacity:.35}.codes-row.is-hit{background:color-mix(in srgb, var(--tint-idat) 12%, transparent)}.codes-row.is-hit .codes-why:before{content:"✓ ";color:var(--tint-sig)}.codes-sym.is-hit{background:var(--tint-idat);color:var(--bg);border-radius:4px;padding:0 4px;font-weight:600}.location-badge{border:1px solid color-mix(in srgb, var(--tint-gps) 35%, transparent);background:color-mix(in srgb, var(--tint-gps) 12%, transparent);height:32px;color:var(--tint-gps);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-weight:600;display:inline-flex}.location-badge svg{fill:currentColor;width:14px;height:14px}.reveal-list{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:2px 14px;margin:0;display:grid}.reveal-list dt{color:var(--faint)}.reveal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reveal-picture{width:auto;max-width:64px;height:auto;max-height:64px;box-shadow:0 0 0 1px var(--border);border-radius:6px}.attachment-open{flex-wrap:wrap;gap:2px 12px;font-size:13px;display:flex}.compare section{margin:14px 0}.compare h3{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.compare p{margin:6px 0}.compare-files{color:var(--muted)}.compare-list{max-height:220px;font:12px/1.6 var(--mono);overflow-wrap:anywhere;margin:6px 0;padding-left:18px;overflow-y:auto}.compare details summary{cursor:pointer;color:var(--accent)}.compare-pick{cursor:pointer;margin-top:8px;display:inline-block}.search,.search-open{z-index:6;position:absolute;top:8px;right:22px}.search{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:4px;padding:4px 4px 4px 8px;display:flex;box-shadow:0 6px 18px #00000040}.search[hidden],.search:not([hidden])~.search-open{display:none}.search input{width:min(220px,40vw);color:var(--text);font:13px var(--mono);background:0 0;border:0;outline:none}.search-count{min-width:5.5em;color:var(--faint);text-align:right;white-space:nowrap;font-size:12px}.search-step,.search-open{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;display:grid}.search-open{border-color:var(--border);background:var(--panel)}.search-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:15px;height:15px}.search-step:hover,.search-open:hover{color:var(--text);border-color:var(--border)}.tour{z-index:40;border:1px solid color-mix(in srgb, var(--accent) 60%, var(--border));background:var(--panel);width:min(320px,100vw - 24px);color:var(--text);border-radius:12px;padding:14px 16px 12px;font-size:14px;line-height:1.45;position:fixed;box-shadow:0 12px 32px #00000059}.tour p{color:var(--muted);margin:6px 0 12px}.tour-bar{align-items:center;gap:12px;display:flex}.tour-count{color:var(--faint);margin-right:auto;font-size:12px}.tour-lit{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px;transition:outline-color .2s}.keys{grid-template-columns:8.5em minmax(0,1fr);align-items:baseline;gap:8px 16px;margin:0 0 16px;display:grid}.keys dd{color:var(--muted);margin:0}kbd{border:1px solid var(--border);background:var(--panel);min-width:1.6em;color:var(--text);font:12px/1.5 var(--mono);text-align:center;border-bottom-width:2px;border-radius:5px;padding:1px 6px;display:inline-block}.shortcuts h3{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 10px;font-size:12px}.repairer{justify-items:start;gap:6px;margin-top:10px;display:grid}.btn-repair{border-color:color-mix(in srgb, var(--tint-error) 55%, var(--border));color:var(--tint-error)}.ghost-text{background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text);border-radius:3px;padding:0 3px}.deleted-text{color:var(--tint-error,#e5484d);text-decoration:line-through;text-decoration-thickness:1.5px}.blackout{margin:12px 0 6px}.blackout svg{width:100%;max-height:260px;box-shadow:0 0 0 1px var(--border);border-radius:6px;display:block}.blackout-page{fill:#fbfbf8}.blackout-box{fill:#111}.blackout-text{fill:#fff;font-family:Helvetica,Arial,sans-serif;transition:opacity .25s}.blackout-context{fill:#444;font-family:Helvetica,Arial,sans-serif}.blackout-unread{fill:none;stroke:#fff;stroke-width:.6px;stroke-dasharray:2 2;transition:opacity .25s}.blackout.is-viewer .blackout-text,.blackout.is-viewer .blackout-unread{opacity:0}.blackout figcaption{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:6px;font-size:12px;display:flex}.redacted{color:#f4f4f4;font-family:var(--mono);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#111;border-radius:3px;margin:1px 4px 1px 0;padding:0 5px;font-size:.92em;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff1f}.reveal-list dt.is-strong{color:var(--tint-gps);font-weight:600}.reveal-list dd{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;margin:0;display:flex}.reveal-link{color:var(--text);text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px dashed #0000;padding:0}.reveal-link:hover{border-bottom-color:var(--faint)}.reveal-link.is-strong{color:var(--tint-gps);font-weight:600;font-family:var(--mono);font-size:13px}.map-link{color:var(--accent);white-space:nowrap;font-size:12px;text-decoration:none}.map-link:hover{text-decoration:underline}.pane-drawer:has(.reveals){grid-template-columns:minmax(0,1fr) minmax(0,760px)}.drawer-file:has(.reveals){grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr)}body:has(.reveals) .layout{grid-template-rows:minmax(0,1fr) 300px}@media (min-width:901px){.layout{grid-template-rows:minmax(0,1fr);grid-template-columns:260px minmax(0,1fr) clamp(340px,28vw,420px)}body:has(.reveals) .layout{grid-template-rows:minmax(0,1fr);grid-template-columns:260px minmax(0,1fr) clamp(340px,28vw,420px)}:is(.pane-drawer,.pane-drawer:has(.reveals)){border-top:0;border-left:1px solid var(--border);flex-direction:column;grid-area:1/3;display:flex}:is(.drawer-file,.drawer-file:has(.reveals)){border-left:0;flex:auto;grid-template-columns:minmax(0,1fr);min-height:0}.drawer-node{border-top:1px solid var(--border);flex:none;order:1;max-height:45%}body.is-playing .layout{grid-template-rows:minmax(0,1fr) 400px;grid-template-columns:260px minmax(0,1fr)}body[data-view=summary]:not(.is-playing) .pane-tree,body[data-view=summary]:not(.is-playing) .pane-hex,body[data-view=summary]:not(.is-playing) .drawer-node{display:none}body[data-view=summary]:not(.is-playing) .layout{grid-template-columns:minmax(0,1fr)}body[data-view=summary]:not(.is-playing) .pane-drawer{border-left:0;grid-column:1}body[data-view=summary]:not(.is-playing) .drawer-file{width:100%;max-width:760px;margin:0 auto}body.is-playing .pane-drawer{border-left:0;border-top:1px solid var(--border);grid-area:2/1/auto/-1;display:grid}}.viewswitch{display:none}body[data-state=ready] .viewswitch{border:1px solid var(--border);border-radius:7px;display:inline-flex;overflow:hidden}.viewswitch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:13px}.viewswitch button[aria-pressed=true]{background:var(--accent);color:#fff}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:32px}.hero h1{font-size:28px}.demo{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:12px}.demo-kicker{font-size:11px}.demo-bytes{font-size:12px}.demo-caption{min-height:0;font-size:12.5px}body[data-state=ready] .viewswitch{border:1px solid var(--border);border-radius:7px;display:inline-flex;overflow:hidden}body[data-state=ready] .brand-name,.open-long{display:none}.viewswitch button{color:var(--muted);font:inherit;background:0 0;border:0;padding:6px 10px;font-size:13px}.viewswitch button[aria-pressed=true]{background:var(--accent);color:#fff}body[data-view=summary]:not(.is-playing) .pane-tree,body[data-view=summary]:not(.is-playing) .pane-hex,body[data-view=summary]:not(.is-playing) .drawer-node{display:none}body[data-view=summary]:not(.is-playing) .layout{grid-template-rows:minmax(0,1fr)}body[data-view=summary]:not(.is-playing) .pane-drawer{border-top:0;max-height:none}body[data-view=summary]:not(.is-playing) .drawer-file{border-top:0}body[data-view=bytes] .drawer-file{display:none}.doors{grid-template-columns:minmax(0,1fr)}.player-stage{grid-template-rows:110px auto;grid-template-columns:minmax(0,1fr)}.player-codes{max-height:240px}.drawer-player{grid-template-rows:none}body.is-playing .pane-drawer{max-height:62vh;display:block}.layout,body.is-playing .layout{grid-template-rows:22vh minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}body:has(.reveals) .layout{grid-template-rows:22vh minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.pane-tree{border-right:0;border-bottom:1px solid var(--border)}:is(.pane-drawer,.pane-drawer:has(.reveals),.drawer-file:has(.reveals)){grid-template-columns:minmax(0,1fr)}.pane-drawer{max-height:32vh;overflow:auto}.drawer-file{border-left:0;border-top:1px solid var(--border)}.topbar{gap:10px;padding:0 10px}.fileinfo .meta,.btn-play .btn-label,.location-badge .badge-label{display:none}.player-bar{flex-wrap:wrap;gap:8px 14px}.player-speed input{width:90px}}
