.demo-workbench{--workbench-family:var(--accent-1);border-block:1px solid var(--border);color:var(--text-1);background:linear-gradient(90deg, color-mix(in srgb, var(--workbench-family) 8%, transparent), transparent 32%), var(--canvas);position:relative;overflow:clip}.demo-workbench[data-family=a]{--workbench-family:var(--a-1)}.demo-workbench[data-family=b]{--workbench-family:var(--b-1)}.demo-workbench[data-family=c]{--workbench-family:var(--c-1)}.demo-workbench[data-family=d]{--workbench-family:var(--d-1)}.demo-workbench[data-family=e]{--workbench-family:var(--e-1)}.demo-workbench[data-family=f]{--workbench-family:var(--f-1)}.demo-workbench[data-family=g]{--workbench-family:var(--g-1)}.demo-workbench:before,.demo-workbench:after{content:"";pointer-events:none;position:absolute}.demo-workbench:before{background:linear-gradient(90deg, transparent 49.9%, color-mix(in srgb, var(--text-3) 10%, transparent) 50%, transparent 50.1%), linear-gradient(0deg, transparent 49.9%, color-mix(in srgb, var(--text-3) 7%, transparent) 50%, transparent 50.1%);background-size:96px 96px;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 38% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 38% 78%,#0000)}.demo-workbench:after{background:color-mix(in srgb, var(--workbench-family) 30%, var(--border));width:1px;top:0;bottom:0;left:clamp(58px,7vw,104px)}.demo-workbench__header,.demo-workbench__stage,.demo-workbench__rail,.demo-workbench__details{z-index:1;position:relative}.demo-workbench__header{align-items:end;gap:clamp(var(--sp-4), 2.4vw, var(--sp-7));min-height:124px;padding:var(--sp-6) clamp(var(--sp-4), 4vw, var(--sp-8)) var(--sp-5) 0;grid-template-columns:clamp(58px,7vw,104px) minmax(0,1fr) auto;display:grid}.demo-workbench__index{color:var(--workbench-family);font-family:var(--font-display);align-self:stretch;place-items:end center;padding-bottom:4px;font-size:clamp(28px,4vw,52px);font-weight:650;line-height:1;display:grid}.demo-workbench__heading{max-width:760px}.demo-workbench__eyebrow{color:var(--workbench-family);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.demo-workbench__heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(25px,3vw,40px);font-weight:600;line-height:1.05}.demo-workbench__heading p{max-width:62ch;color:var(--text-2);margin:10px 0 0;font-size:13px;line-height:1.65}.demo-workbench__status{padding-left:var(--sp-5);border-left:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);align-self:center;font-size:12px}.demo-workbench__stage{min-height:390px;padding:clamp(var(--sp-5), 4vw, var(--sp-8));border-top:1px solid var(--border);background:radial-gradient(circle at 58% 48%, color-mix(in srgb, var(--workbench-family) 11%, transparent), transparent 44%);margin-left:clamp(58px,7vw,104px)}.demo-workbench__visual{align-items:center;min-height:310px;display:grid}.demo-workbench__completion{--workbench-complete-border-active:var(--viz-chosen);--workbench-complete-border-reduced:var(--viz-chosen);pointer-events:none;border:1px solid #0000;position:absolute;inset:10% 8%}@supports (color:color-mix(in srgb, #000, #fff)){.demo-workbench__index{color:color-mix(in srgb, var(--workbench-family) 78%, var(--text-1))}.demo-workbench__completion{--workbench-complete-border-active:color-mix(in srgb, var(--viz-chosen) 72%, transparent);--workbench-complete-border-reduced:color-mix(in srgb, var(--viz-chosen) 48%, transparent)}}.demo-workbench[data-complete=true] .demo-workbench__completion{animation:workbench-complete .82s var(--ease-out) both}@keyframes workbench-complete{0%{opacity:0;border-color:#0000;scale:.96}35%{border-color:var(--workbench-complete-border-active);opacity:1}to{opacity:0;border-color:#0000;scale:1.02}}.demo-workbench__rail,.demo-workbench__details{border-top:1px solid var(--border);margin-left:clamp(58px,7vw,104px)}.demo-workbench__details{padding:var(--sp-5) clamp(var(--sp-4), 4vw, var(--sp-8)) var(--sp-7)}.instrument-rail__primary{align-items:center;gap:var(--sp-4);padding:var(--sp-2) clamp(var(--sp-4), 4vw, var(--sp-8));grid-template-columns:minmax(0,1fr) auto;display:grid}.instrument-rail{container:instrument-rail/inline-size}.instrument-rail .playback{flex-wrap:nowrap}.instrument-rail .playback button,.instrument-rail .playback__speed button{min-width:44px;height:44px}.instrument-rail__secondary-toggle{min-height:44px;padding:0 var(--sp-4);border:0;border-left:1px solid var(--border);color:var(--text-2);background:0 0;align-items:center;gap:8px;font-size:12px;display:inline-flex}.instrument-rail__secondary-toggle:hover,.instrument-rail__secondary-toggle[aria-expanded=true]{color:var(--text-1);background:color-mix(in srgb, var(--accent-1) 7%, transparent)}.instrument-rail__secondary{padding:var(--sp-4) clamp(var(--sp-4), 4vw, var(--sp-8));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 72%, transparent)}@container instrument-rail (width<=860px){.instrument-rail__primary{padding-inline:var(--sp-4);display:block}.instrument-rail .playback{flex-wrap:wrap}.instrument-rail__secondary-toggle{border-top:1px solid var(--border);border-left:0;justify-content:center;width:100%}}@container instrument-rail (width<=575px){.instrument-rail .playback{justify-content:center;gap:var(--sp-2) var(--sp-3);grid-template-columns:auto auto;display:grid}.instrument-rail .playback__transport{grid-area:1/1}.instrument-rail .playback__progress{grid-area:2/1/auto/-1;width:100%}.instrument-rail .playback__speed{grid-area:1/2;margin-left:0}}@container instrument-rail (width<=400px){.instrument-rail .playback{grid-template-columns:1fr}.instrument-rail .playback__transport,.instrument-rail .playback__speed{justify-self:center}.instrument-rail .playback__transport{grid-area:1/1}.instrument-rail .playback__progress{grid-area:2/1}.instrument-rail .playback__speed{grid-area:3/1}}.viz-state-key{background:var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.viz-state-key li{min-width:0;padding:var(--sp-3);background:var(--canvas)}.viz-state-mark{--state-color:var(--text-2);color:var(--state-color);align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.viz-state-mark[data-viz-role=source]{--state-color:var(--viz-source)}.viz-state-mark[data-viz-role=current]{--state-color:var(--viz-current)}.viz-state-mark[data-viz-role=chosen]{--state-color:var(--viz-chosen)}.viz-state-mark[data-viz-role=settled]{--state-color:var(--text-2)}.viz-state-mark[data-viz-role=invalid]{--state-color:var(--viz-invalid)}.viz-state-mark__symbol{background:color-mix(in srgb, var(--state-color) 10%, transparent);width:22px;height:22px;font-family:var(--font-mono);border:1px solid;place-items:center;line-height:1;display:grid}.viz-state-mark[data-viz-role=source] .viz-state-mark__symbol{border-style:dashed}.viz-state-mark[data-viz-role=current] .viz-state-mark__symbol{border-width:2px}.viz-state-mark[data-viz-role=settled] .viz-state-mark__symbol{opacity:.76;background-image:repeating-linear-gradient(135deg,#0000 0 3px,currentColor 3px 4px)}.viz-state-mark[data-viz-role=invalid] .viz-state-mark__symbol{background-image:linear-gradient(45deg,#0000 46%,currentColor 47% 53%,#0000 54%),linear-gradient(-45deg,#0000 46%,currentColor 47% 53%,#0000 54%)}.viz-state-key__description{color:var(--text-3);margin-top:8px;font-size:10px;line-height:1.45;display:block}.demo-table-viewport{position:relative}.demo-table-viewport:before,.demo-table-viewport:after{content:"";z-index:3;top:0;bottom:calc(4px + var(--sp-2));pointer-events:none;opacity:0;width:38px;transition:opacity var(--t-fast);position:absolute}.demo-table-viewport:before{background:linear-gradient(90deg, var(--canvas), transparent);left:0}.demo-table-viewport:after{background:linear-gradient(-90deg, var(--canvas), transparent);right:0}.demo-table-viewport[data-can-scroll-start=true]:before,.demo-table-viewport[data-can-scroll-end=true]:after{opacity:1}.demo-table-viewport__scroller{max-width:100%;overscroll-behavior-inline:contain;border-block:1px solid var(--border);padding-block-end:var(--sp-2);overflow:auto}@supports (scrollbar-gutter:stable){.demo-table-viewport__scroller{scrollbar-gutter:stable}}.demo-table-viewport__scroller:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.demo-table-viewport__scroller table{border-collapse:separate;border-spacing:0}.demo-table-viewport__scroller th{z-index:2;background:var(--surface-2);position:sticky;top:0}.demo-table-viewport__scroller tr>:first-child{z-index:1;background:var(--surface-2);position:sticky;left:0}.demo-table-viewport__scroller thead tr>:first-child{z-index:3}.demo-table-viewport__overview{height:4px;margin-top:var(--sp-2);background:color-mix(in srgb, var(--text-3) 18%, transparent);position:relative;overflow:hidden}.demo-table-viewport__position{background:var(--accent-1);transition:left var(--t-fast), width var(--t-fast);position:absolute;inset:0 auto 0 0}.demo-detail-switch__tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.demo-detail-switch__tabs button{min-height:44px;padding:0 var(--sp-4);border:0;border-right:1px solid var(--border);color:var(--text-2);background:0 0;font-size:12px;font-weight:650}.demo-detail-switch__tabs button[aria-selected=true]{color:var(--text-1);box-shadow:inset 0 -2px var(--accent-1)}.demo-detail-switch__panel{padding-top:var(--sp-4)}@media (width<=760px){.demo-workbench__header{grid-template-columns:58px minmax(0,1fr);align-items:end}.demo-workbench__status{padding:var(--sp-3) 0 0;border:0;grid-column:2}.demo-workbench__stage{min-height:330px;padding:var(--sp-5) var(--sp-4)}.demo-workbench__visual{min-height:280px}.instrument-rail__primary{padding-inline:var(--sp-4);display:block}.instrument-rail .playback{flex-wrap:wrap}.instrument-rail__secondary-toggle{border-top:1px solid var(--border);border-left:0;justify-content:center;width:100%}.viz-state-key{grid-template-columns:1fr}.viz-state-key li{align-items:center;gap:var(--sp-3);grid-template-columns:minmax(120px,.55fr) minmax(0,1fr);display:grid}.viz-state-key__description{margin:0}}@media (prefers-reduced-motion:reduce){.demo-workbench[data-complete=true] .demo-workbench__completion{border-color:var(--workbench-complete-border-reduced);opacity:1;animation:none}.demo-table-viewport:before,.demo-table-viewport:after{transition:none}}.playback{align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-3) 0;flex-wrap:wrap;display:flex}.playback:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.playback__transport,.playback__speed,.playback__progress{align-items:center;display:flex}.playback__transport{gap:1px}.playback button{border:1px solid var(--border);min-width:44px;height:44px;color:var(--text-1);transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);background:0 0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.playback button:hover:not(:disabled){border-color:var(--accent-2);background:color-mix(in srgb, var(--accent-1) 6%, transparent)}.playback button:disabled{opacity:.4;cursor:not-allowed}.playback .playback__primary{min-width:48px;color:var(--text-on-accent);background:var(--accent-1);border-color:var(--accent-1);gap:7px;font-weight:700}.playback--full .playback__primary{min-width:86px}.playback__primary span{white-space:nowrap}.playback__progress{flex:1;gap:10px;min-width:150px}.playback__progress input[type=range]{min-width:80px;accent-color:var(--accent-2);flex:1}.playback__count{min-width:48px;color:var(--text-3);font-family:var(--font-mono);text-align:right;white-space:nowrap;font-size:12px}.playback__speed{border:1px solid var(--border);gap:0}.playback__speed button{border:0;border-right:1px solid var(--border);width:auto;min-width:44px;height:44px;font-family:var(--font-mono);padding:0 9px;font-size:12px}.playback__speed button:last-child{border-right:0}.playback__speed button.is-active{color:var(--accent-1);background:color-mix(in srgb, var(--accent-1) 10%, transparent)}.playback--compact{gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.playback--compact button{background:0 0;min-width:44px;height:44px;padding:0 8px}.playback--compact .playback__speed button{width:auto;min-width:44px;height:44px;padding:0 7px}.playback__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.playback__progress{flex-basis:100%;order:3}.playback__speed{margin-left:auto}}@media (prefers-reduced-motion:reduce){.playback button{transition:none}}.demo-sculpture-hero{isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint style;place-items:center;width:100%;height:clamp(210px,28vw,320px);margin:0 0 clamp(18px,2.4vw,28px);display:grid;position:relative;overflow:hidden}.demo-sculpture-hero img{object-fit:contain;object-position:center;width:100%;height:100%;filter:drop-shadow(0 16px 24px color-mix(in srgb, var(--accent-1) 14%, transparent));display:block;position:absolute;inset:0}@media (width<=600px){.demo-sculpture-hero{height:clamp(172px,58vw,220px);margin-bottom:16px}.demo-sculpture-hero img{filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--accent-1) 12%, transparent))}}