:root{--phi1:var(--color-blue);--phi2:var(--color-forest);--glow:var(--phi1)}.lab-shell{--ground:var(--color-panel);--panel:var(--color-panel-raised);--panel2:color-mix(in srgb, var(--color-panel) 70%, var(--color-panel-raised));--sunk:var(--color-panel-sunk);--code:var(--color-panel-sunk);--foot:color-mix(in srgb, var(--color-panel) 85%, var(--color-panel-sunk));--lane:color-mix(in srgb, var(--color-panel) 88%, var(--color-panel-sunk));--cell:color-mix(in srgb, var(--color-panel-raised) 92%, var(--color-glass));--mcell:color-mix(in srgb, var(--color-panel-raised) 97%, var(--color-panel));--cell2:color-mix(in srgb, var(--color-panel-raised) 84%, var(--color-glass));--cell3:color-mix(in srgb, var(--color-panel-raised) 94%, var(--color-panel));--hotfill:color-mix(in srgb, var(--color-panel-raised) 88%, var(--color-glass));--hover:color-mix(in srgb, var(--color-panel-raised) 95%, var(--color-glass));--onbg:color-mix(in srgb, var(--color-panel-raised) 89%, var(--color-glass));--rule:var(--color-rule-panel);--cellrule:color-mix(in srgb, var(--color-rule-panel) 80%, var(--color-glass));--grid:color-mix(in srgb, var(--color-rule-panel) 70%, var(--color-panel));--faint:color-mix(in srgb, var(--color-rule-panel) 60%, var(--color-glass));--bright:var(--color-glass);--text:color-mix(in srgb, var(--color-glass) 88%, var(--color-glass-muted));--mid:var(--color-glass-muted);--dim:var(--color-glass-muted);--reg:color-mix(in srgb, var(--color-glass-muted) 70%, var(--color-glass));--axis:var(--color-glass-muted);--addr:var(--color-ocean);--data:var(--color-burnt);--alu:var(--color-mustard);--teal:var(--color-ocean);--cursor:var(--color-mustard);--t2:var(--color-forest);--t3:var(--color-mustard);--power:var(--color-orange);--mono:var(--font-mono);--sans:var(--font-sans);--disp:var(--font-display);background:var(--color-panel);color:var(--color-glass);font-family:var(--font-sans)}:root[data-theme=light] .lab-shell.lab-shell{--ground:var(--color-paper);--panel:var(--color-paper-sunk);--panel2:var(--color-paper-sunk);--sunk:var(--color-paper-sunk);--rule:var(--color-rule);--bright:var(--color-ink);--text:var(--color-ink);--mid:var(--color-ink-muted);--dim:var(--color-ink-muted);--addr:var(--color-ocean-ink);--data:var(--color-burnt-ink);--alu:var(--color-mustard-ink);--teal:var(--color-ocean-ink);--reg:var(--color-ink-muted);--axis:var(--color-ink-muted);--power:var(--color-orange-ink);--cursor:var(--color-mustard-ink);--t2:var(--color-forest-ink);--t3:var(--color-mustard-ink);--mono:var(--font-mono);--sans:var(--font-sans);--disp:var(--font-display);--code:var(--color-paper-sunk);--foot:var(--color-paper-sunk);--lane:color-mix(in srgb, var(--color-paper) 92%, var(--color-paper-sunk));--cell:var(--color-paper);--mcell:var(--color-paper);--cell2:color-mix(in srgb, var(--color-paper-sunk) 88%, var(--color-ink));--cell3:var(--color-paper-sunk);--hotfill:color-mix(in srgb, var(--color-paper-sunk) 90%, var(--color-ink));--hover:color-mix(in srgb, var(--color-paper) 92%, var(--color-ink));--onbg:color-mix(in srgb, var(--color-paper-sunk) 92%, var(--color-ink));--cellrule:var(--color-ink-faint);--grid:var(--color-ink-faint);--faint:var(--color-ink-faint);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans)}.lab-shell.lab-shell .panel{background:var(--panel);color:var(--text);box-shadow:none;border:1px solid var(--rule);border-radius:var(--radius-mod);padding:0}.lab-shell{background:var(--ground);color:var(--text);font-family:var(--sans)}.lab-shell .player{left:auto;right:auto;bottom:var(--app-foot-h,3rem);z-index:19;position:sticky}.lab-shell.lab-shell .wrap{width:auto;max-width:none;margin-inline:0;padding-inline:0}.lab-shell{--sec-gap:calc(var(--u) * 16)}.lab-shell.lab-shell header{top:var(--app-head-h,calc(var(--u) * 13));flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;display:flex}.lab-shell.lab-shell header .brand,.lab-shell.lab-shell header .tag,.lab-shell.lab-shell #theme{display:none}.lab-shell.lab-shell header .tabs{min-width:0;padding:0 calc(var(--u) * 1);scroll-snap-type:x proximity;flex:auto;margin:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.lab-shell.lab-shell header .tab{scroll-snap-align:start;padding:calc(var(--u) * 2.5) calc(var(--u) * 2.5)}.lab-shell.lab-shell header #share{display:none}.lab-shell.lab-shell .lane{grid-auto-flow:initial;grid-auto-columns:initial;min-width:0;height:auto}html.has-fullscreen .lab-shell.lab-shell header{top:0}@media (max-width:30rem){.lab-shell.lab-shell #scrub{min-width:calc(var(--u) * 8);flex-basis:calc(var(--u) * 8)}}.lab-shell .player.driven{display:none}
