.lab-index-note{margin:0 0 var(--space-6);max-width:var(--measure);color:var(--color-muted);font-size:var(--text-body)}.lab-root+.lab-root{margin-top:var(--space-10)}.lab-root-head h3{font-size:var(--text-base);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0;font-weight:640}.lab-root-head h3 a{color:var(--color-accent);text-decoration:none}.lab-root-head h3 a:hover{text-decoration:underline}.lab-root-head p{margin:var(--space-1) 0 var(--space-4);color:var(--color-muted);font-size:var(--text-sm)}.lab-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.lab-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.lab-card h2,.lab-card h4{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--line-tight);margin:0}.lab-card a{color:inherit;text-decoration:none}.lab-card a:hover{color:var(--color-accent);text-decoration:underline}.lab-card-body{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--line-body)}.lab-card-meta,.lab-meta{align-items:center;gap:var(--space-3);margin:var(--space-3) 0 0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.lab-status{border:1px solid var(--color-border-strong);text-transform:uppercase;letter-spacing:var(--tracking-label);border-radius:2px;padding:.05rem .4rem}.lab-status.is-active{border-color:var(--color-accent);color:var(--color-accent)}.lab-tag{border:1px dashed var(--color-border-strong);border-radius:2px;padding:.05rem .4rem}.lab-head.is-index{border-bottom:0;padding-bottom:0}.lab-about{max-width:var(--measure);color:var(--color-muted);font-size:var(--text-body);line-height:var(--line-body)}.lab-about>*+*{margin-top:var(--space-4)}.lab-about strong{color:var(--color-text)}.lab-browse{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.lab-browse-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.lab-browse-head h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin:0;font-weight:650}.lab-views{gap:var(--space-1);display:flex}.lab-views[hidden]{display:none}.lab-view{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);padding:.15rem .55rem}.lab-view[data-interactive]{cursor:pointer}.lab-view:hover{border-color:var(--color-control-border);color:var(--color-text)}.lab-view[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface);color:var(--color-accent);font-weight:640}.lab-group+.lab-group{margin-top:var(--space-8)}.lab-group h3{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0;font-weight:640}.lab-group-note{margin:var(--space-1) 0 var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.lab-items{margin:var(--space-3) 0 0;padding:0;list-style:none}[data-view=tiles] .lab-items{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}[data-view=tiles] .lab-item{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}[data-view=list] .lab-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}[data-view=list] .lab-item-body{display:none}.lab-item>a{color:var(--color-text);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:640;text-decoration:none}.lab-item>a:hover{color:var(--color-accent);text-decoration:underline}.lab-item-body{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--line-body)}.lab-item-meta{margin:var(--space-2) 0 0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label)}[data-view=list] .lab-item-meta{margin-top:.15rem}.lab-shell{gap:var(--space-10);max-width:var(--max-page);padding:var(--space-8) var(--space-6) var(--space-16);grid-template-columns:minmax(0,14rem) minmax(0,1fr);margin-inline:auto;display:grid}.lab-side{top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-10));font-size:var(--text-sm);align-self:start;position:sticky;overflow-y:auto}.lab-side-title{margin:0 0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.lab-side-title a{color:var(--color-muted);text-decoration:none}.lab-side-root+.lab-side-root{margin-top:var(--space-4)}.lab-side-root h2{font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0;font-weight:640}.lab-side-root h2 a{color:var(--color-muted);text-decoration:none}.lab-side-root h2.is-current a{color:var(--color-text)}.lab-side ul{margin:var(--space-2) 0 0;padding:0 0 0 var(--space-3);border-left:1px solid var(--color-border);list-style:none}.lab-side li{margin-bottom:.15rem}.lab-side a{color:var(--color-muted);text-decoration:none}.lab-side a:hover{color:var(--color-text)}.lab-side a.is-open{color:var(--color-text);font-weight:620}.lab-side a[aria-current=page]{color:var(--color-accent);font-weight:620}.lab-side-files{font-size:var(--text-xs)}.lab-side-group{margin-top:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.6875rem}.lab-main{min-width:0}.lab-crumbs ol{gap:var(--space-2);margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.lab-crumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-border-strong)}.lab-crumbs a{color:var(--color-muted)}.lab-head{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.lab-eyebrow{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.lab-eyebrow a{color:inherit}.lab-head h1{margin:var(--space-1) 0 0;font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);font-weight:660;line-height:var(--line-tight)}.lab-lede{margin:var(--space-2) 0 0;max-width:var(--measure);color:var(--color-muted);font-size:var(--text-body)}.lab-doc{max-width:var(--measure);font-size:var(--text-body);line-height:var(--line-body)}.lab-doc>*+*{margin-top:var(--space-4)}.lab-doc h1,.lab-doc h2,.lab-doc h3{margin-top:var(--space-8);letter-spacing:var(--tracking-tight);line-height:var(--line-tight)}.lab-doc h1{font-size:var(--text-2xl)}.lab-doc h2{font-size:var(--text-xl)}.lab-doc h3{font-size:var(--text-lg)}.lab-doc p,.lab-doc li{color:var(--color-muted)}.lab-doc ul,.lab-doc ol{padding-left:var(--space-5)}.lab-doc li+li{margin-top:var(--space-1)}.lab-doc img{border-radius:var(--radius-sm);max-width:100%;height:auto}.lab-doc code{background:var(--color-surface-subtle);font-family:var(--font-mono);border-radius:2px;padding:.05rem .25rem;font-size:.875em}.lab-doc pre{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);overflow-x:auto}.lab-doc pre code{background:0 0;padding:0}.lab-doc blockquote{padding-left:var(--space-4);border-left:2px solid var(--color-border-strong);color:var(--color-muted)}.lab-doc table{border-collapse:collapse;font-size:var(--text-sm);display:block;overflow-x:auto}.lab-doc th,.lab-doc td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.lab-frame{margin:0}.lab-frame iframe{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;height:min(70vh,40rem);display:block}.lab-frame-note,.lab-download{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.lab-figure{margin:0}.lab-figure img{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:100%;height:auto}.lab-figure figcaption{margin-top:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.lab-source{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.lab-source-head{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;margin:0;display:flex}.lab-source-name{color:var(--color-text);overflow-wrap:anywhere}.lab-source-meta{margin-left:auto}.lab-source-copy{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);font:inherit;cursor:pointer;padding:.15rem .6rem}.lab-source-copy:hover{border-color:var(--color-accent);color:var(--color-text)}.lab-code{padding:var(--space-3) 0;overscroll-behavior:contain;background:var(--color-surface);max-height:min(70vh,44rem);font-size:var(--text-sm);tab-size:2;scrollbar-gutter:stable;margin:0;line-height:1.55;overflow:auto}.lab-code:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.lab-code code{min-width:max-content;padding:0 var(--space-4);font-family:var(--font-mono);white-space:pre;display:block}.lab-source.is-highlighted .lab-code code{counter-reset:lab-line;padding-left:0}.lab-code-line{counter-increment:lab-line;padding-right:var(--space-4);display:block}.lab-code-line:before{content:counter(lab-line);width:3.5rem;padding-right:var(--space-3);background:var(--color-surface);color:var(--color-muted);text-align:right;opacity:.55;user-select:none;display:inline-block;position:sticky;left:0}@media (width<=40rem){.lab-code{max-height:60vh}.lab-code-line:before{width:2.5rem}}.lab-generated{margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--text-body)}.lab-files{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.lab-files h2{margin:0 0 var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);font-weight:640}.lab-files ul{margin:0;padding:0;list-style:none}.lab-files li{align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.lab-file-path,.lab-file-size{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.lab-file-size{margin-left:auto}@media (width<=900px){.lab-shell{gap:var(--space-6);padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr)}.lab-side{max-height:none;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);position:static}.lab-frame iframe{height:60vh}}.lab-app iframe{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;height:min(78vh,46rem);display:block}.lab-app-note{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.lab-runtime-note{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-accent);color:var(--color-muted);font-size:var(--text-xs)}@media (width<=900px){.lab-app iframe{height:70vh}}.lab-side-loading,.lab-empty{color:var(--color-muted);font-size:var(--text-sm)}.lab-empty{margin:var(--space-6) 0 0;font-size:var(--text-body)}.lab-count{margin-left:var(--space-2);border:1px solid var(--color-border-strong);color:var(--color-muted);border-radius:2px;padding:0 .35rem;font-size:.6875rem}@media (prefers-reduced-motion:no-preference){[data-lab-view]>*,[data-lab-nav]>*{animation:.22s both lab-arrive}}@keyframes lab-arrive{0%{opacity:0}to{opacity:1}}.lab-bar{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.lab-refresh-slot{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.lab-refresh{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;padding:.2rem .6rem}.lab-refresh:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.lab-refresh:disabled{opacity:.6;cursor:progress}.lab-refresh-status{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.lab-subcats li{align-items:baseline}.lab-subcats a{font-weight:640}.lab-subcats a:before{content:"▸ ";color:var(--color-accent)}.lab-remove{margin-left:var(--space-2);border:1px solid var(--color-border-strong);color:var(--color-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:2px;padding:0 .4rem;display:none}[data-managing] .lab-remove{display:inline-block}.lab-remove:hover{border-color:var(--color-danger);color:var(--color-danger)}.lab-browse-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.lab-browse-count{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.lab-cat+.lab-cat{margin-top:var(--space-16)}.lab-cat-title{padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin:0;font-weight:660}.lab-cat-note{margin:var(--space-3) 0 0;max-width:var(--measure);color:var(--color-muted);font-size:var(--text-body)}.lab-entries{margin:var(--space-6) 0 0;padding:0;list-style:none}.lab-entry a{padding:var(--space-4) 0;border-top:1px solid var(--color-border);color:inherit;text-decoration:none;display:block}.lab-entry:last-child a{border-bottom:1px solid var(--color-border)}.lab-entry a:hover .lab-entry-title,.lab-entry a:focus-visible .lab-entry-title{color:var(--color-accent)}.lab-entry-title{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:650;display:block}.lab-entry-desc{margin-top:var(--space-1);max-width:62ch;color:var(--color-muted);font-size:var(--text-body);line-height:var(--line-body);display:block}[data-view=cards] .lab-entries{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}[data-view=cards] .lab-entry a{height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-top:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}[data-view=cards] .lab-entry:last-child a{border-bottom:1px solid var(--color-border)}.lab-workspace{gap:var(--space-8);grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;display:grid}.lab-contents{top:calc(var(--header-height) + var(--space-6));font-size:var(--text-sm);position:sticky}.lab-tree{margin:0;padding:0;list-style:none}.lab-kids .lab-tree{padding-left:var(--space-3);border-left:1px solid var(--color-border)}.lab-branch,.lab-leaf{border-radius:var(--radius-sm);width:100%;color:var(--color-muted);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:.2rem .3rem;display:block}.lab-branch:hover,.lab-leaf:hover{background:var(--color-surface-subtle);color:var(--color-text)}.lab-branch{color:var(--color-text);font-weight:620}.lab-caret{width:.75rem;color:var(--color-accent);display:inline-block}.lab-caret:before{content:"▸"}.lab-branch[aria-expanded=true] .lab-caret:before{content:"▾"}.lab-leaf{font-family:var(--font-mono);font-size:var(--text-xs);padding-left:1.05rem}.lab-leaf[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent);font-weight:620}.lab-supporting{margin-top:var(--space-3)}.lab-supporting>summary{color:var(--color-muted);font-size:var(--text-xs);cursor:pointer;padding:.2rem .3rem}.lab-viewer{min-width:0}.lab-viewer .lab-frame iframe{height:min(76vh,46rem)}@media (width<=900px){.lab-workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.lab-contents{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);position:static}}.lab-collapse{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:1.5rem;height:1.5rem;color:var(--color-muted);font:inherit;cursor:pointer;flex:none;padding:0;line-height:1}.lab-collapse:hover{border-color:var(--color-accent);color:var(--color-accent)}.lab-collapse:before{content:"‹";font-size:1rem}.lab-collapse[aria-expanded=false]:before{content:"›"}.lab-pane-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.lab-pane-title{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.lab-workspace[data-tree=closed]{gap:var(--space-5);grid-template-columns:auto minmax(0,1fr)}.lab-workspace[data-tree=closed] .lab-pane-title,.lab-workspace[data-tree=closed] .lab-pane-body{display:none}.lab-workspace[data-tree=closed] .lab-pane-head{border-bottom:0;margin:0;padding:0}.lab-shell[data-side=closed]{gap:var(--space-5);grid-template-columns:auto minmax(0,1fr)}.lab-shell[data-side=closed] .lab-side [data-lab-nav],.lab-shell[data-side=closed] .lab-side-title a{display:none}.lab-side-title{align-items:center;gap:var(--space-2);display:flex}@media (prefers-reduced-motion:no-preference){.lab-shell,.lab-workspace{transition:grid-template-columns .2s}}@media (width<=900px){.lab-collapse{display:none}.lab-shell[data-side=closed],.lab-workspace[data-tree=closed]{grid-template-columns:minmax(0,1fr)}.lab-shell[data-side=closed] .lab-side [data-lab-nav],.lab-shell[data-side=closed] .lab-side-title a,.lab-workspace[data-tree=closed] .lab-pane-body{display:revert}}