.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-slide{--roi-view-h: 200px}.page-slide #app{max-width:1180px}.sl-archive{grid-column:1 / -1;position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2.5px solid var(--archive);border-radius:18px;padding:1.6rem 1.1rem 1rem;background:color-mix(in srgb,var(--archive) 6%,transparent)}.sl-slide{position:relative;width:min(560px,100%);aspect-ratio:var(--slide-aspect, 809 / 602);border-radius:10px;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 2px 10px #00000059}.sl-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.14) 0 1px,transparent 1px var(--cell-w, 24px)),repeating-linear-gradient(to bottom,rgba(255,255,255,.14) 0 1px,transparent 1px var(--cell-h, 16px))}.sl-roi{position:absolute;border:2px dashed color-mix(in srgb,var(--select) 75%,transparent);border-radius:3px;background:color-mix(in srgb,var(--select) 10%,transparent);box-sizing:border-box;transition:border-color .25s,box-shadow .25s,background .25s;pointer-events:none}.sl-roi.is-armed{border-style:solid;border-color:var(--select);background:color-mix(in srgb,var(--select) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--select) 40%,transparent),0 0 14px color-mix(in srgb,var(--select) 55%,transparent)}.sl-roi-scan{position:absolute;left:-1px;right:-1px;background:color-mix(in srgb,var(--select) 85%,transparent);box-shadow:0 0 10px 2px color-mix(in srgb,var(--select) 90%,transparent),inset 0 0 0 1px #fff;opacity:0;pointer-events:none}.sl-slide-caption{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.sl-ghost{position:relative;width:132px;aspect-ratio:var(--slide-aspect, 809 / 602);border-radius:4px;background-size:cover;background-position:center;opacity:.85;overflow:hidden}.sl-ghost-roi{position:absolute;border:1.5px solid var(--select);background:color-mix(in srgb,var(--select) 22%,transparent);box-sizing:border-box;box-shadow:0 0 6px color-mix(in srgb,var(--select) 70%,transparent)}.sl-decode{position:relative;width:100%;min-height:132px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;text-align:center}.sl-decode-label{font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:.7;padding:0 .4rem}.sl-decode.is-working{border-color:color-mix(in srgb,var(--trad-brand) 45%,transparent);background:color-mix(in srgb,var(--trad-brand) 8%,transparent)}.sl-roi-view{position:relative;height:var(--roi-view-h);width:var(--roi-view-w, 90px);border-radius:4px;border:1px solid rgba(255,255,255,.18);background-color:#ffffff08;background-repeat:no-repeat;overflow:hidden}.sl-side-trad .sl-roi-view{background-image:none}.sl-side-trad .sl-roi-view.is-cropped{background-image:var(--slide-img)}.sl-bands{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sl-band{position:absolute;left:0;right:0;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.05);transition:opacity .35s ease-out}.sl-band.is-revealed{opacity:0}.sl-storage{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.1rem}.sl-storage-label{font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.sl-storage-track{width:140px;height:12px;border-radius:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);overflow:hidden}.sl-storage-fill{height:100%;width:0%;border-radius:2px;transition:width .35s ease-out}.sl-storage-fill.is-trad{background:var(--trad-brand)}.sl-storage-fill.is-ice{background:var(--icechunk-brand)}.sl-storage-val{font-size:.72rem;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.sl-packet-manifest{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:50%;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);will-change:transform}.sl-rowpacket{position:absolute;border-radius:2px;background-color:var(--select);background-size:cover;box-shadow:0 0 8px color-mix(in srgb,var(--select) 65%,transparent);will-change:transform,opacity}.sl-shape-packet{will-change:transform,opacity}.sl-shape-packet.is-stored{outline:2px solid color-mix(in srgb,var(--trad-brand) 70%,transparent);outline-offset:1px;filter:saturate(.85) brightness(.92)}@media(max-width:760px){.page-slide{--packet-size: 6px;--roi-view-h: 150px}.sl-slide{width:min(300px,80%)}.sl-cloud-label{font-size:.66rem;padding:0 .35rem}.sl-ghost{width:92px}.sl-decode{min-height:96px}.sl-computer{padding:.7rem .6rem .6rem}}