.page-virtual,.page-slide{--packet-size: 9px;--trad-brand: #e57a77;--icechunk-brand: #5ea0d1;--archive: #d8a05a;--manifest: var(--icechunk-brand);--select: #ffd43b}.page-virtual .ink-trad,.page-slide .ink-trad{color:var(--trad-brand)}.page-virtual .ink-icechunk,.page-slide .ink-icechunk{color:var(--icechunk-brand)}.vc-scoreboard,.sl-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0 .5rem}.vc-score,.sl-score{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .8rem .9rem}.vc-score-label,.sl-score-label{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.vc-score-value,.sl-score-value{font-size:clamp(2.4rem,5.6vw,3.6rem);font-weight:800;line-height:1.05;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.vc-score-trad .vc-score-value,.sl-score-trad .sl-score-value{color:var(--trad-brand)}.vc-score-ice .vc-score-value,.sl-score-ice .sl-score-value{color:var(--icechunk-brand)}.vc-score-sub,.sl-score-sub{font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums;margin-top:.1rem}.vc-score-foot,.sl-score-foot{margin-top:.15rem;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.vc-stage,.sl-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:2rem;row-gap:2.4rem;margin:1.25rem 0 0;align-items:stretch}.vc-cloud-label,.sl-cloud-label{position:absolute;top:-.85rem;left:50%;transform:translate(-50%);background:var(--bg);padding:0 .6rem;font-weight:700;font-size:.9rem;white-space:nowrap;color:var(--archive)}.vc-side,.sl-side{display:flex;flex-direction:column;align-items:center;gap:.7rem;min-width:0;padding-top:.6rem}.vc-side-trad,.vc-side-ice,.sl-side-trad,.sl-side-ice{justify-content:flex-start}.vc-side-label,.sl-side-label{font-size:.85rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.vc-icechunk,.sl-icechunk{position:relative;width:100%;border:2px solid color-mix(in srgb,var(--icechunk-brand) 70%,transparent);border-radius:14px;padding:1.2rem .8rem .9rem;background:color-mix(in srgb,var(--icechunk-brand) 7%,transparent);display:flex;justify-content:center}.vc-icechunk-label,.sl-icechunk-label{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--bg);padding:0 .5rem;color:var(--icechunk-brand);font-weight:700;font-size:.85rem;white-space:nowrap}.vc-manifest,.sl-manifest{position:relative;display:flex;align-items:center;justify-content:center;padding:.85rem .65rem;border:1.5px dashed color-mix(in srgb,var(--manifest) 55%,transparent);border-radius:10px;background:color-mix(in srgb,var(--manifest) 6%,transparent)}.vc-manifest-label,.sl-manifest-label{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);background:var(--bg);padding:0 .4rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.65rem;color:var(--manifest);white-space:nowrap}.vc-manifest-sub,.sl-manifest-sub{position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%);background:var(--bg);padding:0 .4rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.58rem;color:var(--muted);white-space:nowrap}.vc-manifest.pulse,.sl-manifest.pulse{animation:vv-manifest-pulse 1.2s ease-out}@keyframes vv-manifest-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--manifest) 80%,transparent);border-color:var(--manifest)}35%{box-shadow:0 0 22px 6px color-mix(in srgb,var(--manifest) 55%,transparent)}to{box-shadow:none;border-color:color-mix(in srgb,var(--manifest) 55%,transparent)}}.vc-computer,.sl-computer{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:.95rem .9rem .8rem;border:2px solid rgba(255,255,255,.2);border-radius:14px;background:var(--panel);min-width:9rem}.vc-side-trad .vc-computer,.sl-side-trad .sl-computer{border-color:color-mix(in srgb,var(--trad-brand) 55%,transparent)}.vc-side-ice .vc-computer,.sl-side-ice .sl-computer{border-color:color-mix(in srgb,var(--icechunk-brand) 55%,transparent)}.vc-computer-label,.sl-computer-label{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);background:var(--bg);padding:0 .5rem;color:var(--fg);font-size:.78rem;font-weight:700;white-space:nowrap}.vc-result,.sl-result{display:flex;flex-direction:column;align-items:center;gap:.3rem}.vc-result-label,.sl-result-label{font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.vc-packets,.sl-packets{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}@media(max-width:760px){.page-virtual #app,.page-slide #app{padding-inline:.6rem;display:flex;flex-direction:column}.page-virtual .intro,.page-slide .intro{order:99;margin-top:.6rem}.vc-scoreboard,.sl-scoreboard{gap:.5rem;margin:.6rem 0 .3rem}.vc-score,.sl-score{padding:.25rem .3rem .4rem;gap:.05rem}.vc-score-label,.sl-score-label{font-size:.62rem}.vc-score-value,.sl-score-value{font-size:clamp(1.4rem,6.5vw,2rem)}.vc-score-sub,.sl-score-sub{font-size:.8rem}.vc-score-foot,.sl-score-foot{font-size:.62rem;margin-top:.05rem}.vc-stage,.sl-stage{grid-template-columns:1fr;grid-template-rows:auto auto auto;column-gap:0;row-gap:.95rem;margin:.5rem 0 0}.vc-archive,.sl-archive{grid-row:2;grid-column:1}.vc-side-trad,.sl-side-trad{grid-row:3;grid-column:1}.vc-side-ice,.sl-side-ice{grid-row:1;grid-column:1;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);grid-template-rows:auto auto;column-gap:.5rem;row-gap:.3rem;align-items:center}.vc-side-ice .vc-side-label,.sl-side-ice .sl-side-label{grid-column:1 / -1;grid-row:1;justify-self:center}.vc-side-ice .vc-icechunk,.sl-side-ice .sl-icechunk{grid-column:1;grid-row:2;width:auto}.vc-side-ice .vc-computer,.sl-side-ice .sl-computer{grid-column:2;grid-row:2}.vc-side,.sl-side{gap:.4rem;padding-top:.2rem}.vc-side-label,.sl-side-label{font-size:.7rem}.vc-computer,.sl-computer{min-width:0}.vc-computer-label,.sl-computer-label{font-size:.65rem}.page-virtual .controls,.page-slide .controls{gap:.4rem .7rem;padding:.5rem .6rem;margin-top:.6rem;font-size:.72rem}}.page-virtual{--chunk-size: 14px;--chunk-gap: 3px;--ghost-chunk: 8px;--ghost-gap: 2px;--file-w: 78px;--file-h: 96px}.page-virtual #app{max-width:1280px}.vc-archive{grid-column:1 / -1;position:relative;width:100%;border:2.5px solid var(--archive);border-radius:18px;padding:1.6rem 1.1rem 1.1rem;background:color-mix(in srgb,var(--archive) 6%,transparent)}.vc-files{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.vc-file{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .4rem .35rem;border:2px dashed color-mix(in srgb,var(--archive) 85%,transparent);border-radius:12px;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--archive) 55%,transparent) 0,color-mix(in srgb,var(--archive) 55%,transparent) 6px,color-mix(in srgb,var(--archive) 30%,transparent) 6px,color-mix(in srgb,var(--archive) 30%,transparent) 9px);width:var(--file-w, 78px);height:var(--file-h, 96px);position:relative;overflow:hidden}.vc-file-name{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.6rem;color:var(--fg);text-align:center;min-height:.85rem;background:color-mix(in srgb,var(--bg) 78%,transparent);border-radius:4px;padding:0 .25rem}.vc-file-body{position:relative;flex:1 1 auto}.vc-byterange{position:absolute;left:4%;right:4%;height:5px;border-radius:2px;background:color-mix(in srgb,var(--select) 30%,transparent);border-top:1px solid color-mix(in srgb,var(--select) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--select) 35%,transparent);opacity:0;transition:opacity .25s,background .25s,box-shadow .25s;pointer-events:none}.vc-files.is-armed .vc-byterange{opacity:1;background:var(--select);box-shadow:0 0 6px color-mix(in srgb,var(--select) 70%,transparent)}.vc-ghost-files{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.vc-ghost-file{position:relative;width:var(--ghost-file-w, 36px);height:calc(var(--ghost-file-w, 36px) * 96 / 78);border:1px dashed color-mix(in srgb,var(--manifest) 55%,transparent);border-radius:5px;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--manifest) 30%,transparent) 0,color-mix(in srgb,var(--manifest) 30%,transparent) 3px,color-mix(in srgb,var(--manifest) 12%,transparent) 3px,color-mix(in srgb,var(--manifest) 12%,transparent) 5px);overflow:hidden}.vc-ghost-byterange{position:absolute;left:8%;right:8%;height:3px;border-radius:1px;background:var(--select);box-shadow:0 0 4px color-mix(in srgb,var(--select) 70%,transparent)}.vc-decode-zone{position:relative;width:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05}.vc-side-trad .vc-decode-zone{min-height:calc(var(--file-h, 84px) + 28px);padding:18px 8px 10px;border-color:#ffffff1a;background:#ffffff05}.vc-decode-zone-label{position:absolute;top:.35rem;left:.5rem;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);opacity:.65}.vc-result-cells{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;align-items:center;justify-content:flex-start}.vc-result-cell{width:6px;height:22px;border-radius:2px;border:1px solid rgba(255,255,255,.18);background:transparent;transition:background .35s,border-color .35s;flex-shrink:0;box-sizing:border-box}.vc-result-cell.is-filled{background:var(--select);border-color:var(--select)}.vc-packet{position:absolute;width:var(--packet-size);height:var(--packet-size);margin-left:calc(var(--packet-size) / -2);margin-top:calc(var(--packet-size) / -2);border-radius:50%;will-change:transform}.vc-decode-anchors{display:flex;flex-direction:row;gap:.4rem;align-items:center;justify-content:center;width:100%}.vc-decode-anchor{width:var(--file-w, 78px);height:var(--file-h, 96px);visibility:hidden}.vc-file.is-decoded .vc-byterange{opacity:1;background:var(--select);border-color:var(--select);box-shadow:0 0 6px color-mix(in srgb,var(--select) 70%,transparent)}.vc-packet-manifest{width:12px;height:12px;margin-left:-6px;margin-top:-6px;background:var(--manifest);box-shadow:0 0 12px 3px color-mix(in srgb,var(--manifest) 75%,transparent),0 0 22px 7px color-mix(in srgb,var(--manifest) 35%,transparent)}@media(max-width:760px){.page-virtual{--file-w: clamp(22px, calc((100vw - 5rem)/8) , 50px);--file-h: clamp(40px, 14vw, 60px);--ghost-file-w: clamp(18px, 5vw, 26px);--packet-size: 6px}.vc-archive{padding:.95rem .4rem .55rem}.vc-cloud-label{font-size:.7rem;padding:0 .35rem}.vc-files{flex-wrap:nowrap;gap:clamp(2px,1vw,6px)}.vc-file{padding:.25rem .2rem .2rem;flex-shrink:1;min-width:0}.vc-file-name{font-size:.45rem}.vc-icechunk{padding:.9rem .4rem .5rem}.vc-icechunk-label{font-size:.68rem;padding:0 .35rem}.vc-manifest-label{font-size:.55rem}.vc-manifest-sub{font-size:.5rem}.vc-side-trad .vc-decode-zone{min-height:calc(var(--file-h, 64px) + 20px);padding:12px 6px 8px}.vc-computer{padding:.55rem .7rem}}