.speaker-lab{background:var(--product-canvas);height:100dvh;min-height:670px;color:var(--product-foreground);font-family:var(--product-font-sans);font-size:var(--product-text-body);line-height:var(--product-leading-body);flex-direction:column;display:flex}.speaker-reset,.speaker-text-button,.speaker-view-controls button,.speaker-explode-button,.speaker-playback button{gap:6px}.speaker-nav{padding:8px var(--product-panel-pad);border-bottom:1px solid var(--product-border);background:var(--product-surface);flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;display:flex}.speaker-tabs{gap:4px}.speaker-tabs button{gap:8px}.speaker-tabs button>span,.speaker-part-index{color:var(--product-muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.speaker-type{color:var(--product-muted-foreground);font-size:12px}.speaker-type span{padding:0 8px}.speaker-workspace{flex:1;grid-template-rows:minmax(280px,1fr) 68px 192px;grid-template-columns:minmax(0,1fr) 350px;min-height:0;margin:0;display:grid}.speaker-stage{background:var(--product-canvas);grid-area:1/1;min-width:0;position:relative;overflow:hidden}.speaker-scene{position:absolute;inset:0}.speaker-scene canvas{touch-action:none}.speaker-stage-title{top:24px;left:var(--product-panel-pad);z-index:1;pointer-events:none;position:absolute}.speaker-stage-title>span,.speaker-kicker{color:var(--product-muted-foreground);font-size:12px}.speaker-stage-title h1{font-size:var(--product-text-display);line-height:var(--product-leading-display);font-weight:var(--product-weight-display);margin:8px 0 0}.speaker-stage-title p{color:var(--product-description-foreground);margin-top:8px}.speaker-model-label{white-space:nowrap;background:var(--product-surface-raised);border:1px solid var(--product-border);border-radius:var(--product-radius);color:var(--product-foreground);box-shadow:var(--product-shadow);align-items:center;gap:8px;padding:10px 14px;display:flex}.speaker-model-label:before{content:"";background:var(--product-border-strong);width:32px;height:1px;position:absolute;right:100%}.speaker-model-label span{color:var(--product-muted-foreground);font-size:12px}.speaker-model-label strong{font-weight:var(--product-weight-label)}.speaker-view-controls{gap:8px;display:flex;position:absolute;top:24px;right:20px}.speaker-stage-footer{bottom:16px;left:var(--product-panel-pad);color:var(--product-muted-foreground);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;right:20px}.speaker-stage-footer>span:first-child{white-space:nowrap;align-items:center;gap:8px;display:flex}.speaker-stage-footer i,.speaker-parts i{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.speaker-stage-footer i{background:var(--product-muted-foreground)}.speaker-lab[data-running=true] .speaker-stage-footer i{background:var(--product-success-text)}.speaker-explode{padding:0 var(--product-panel-pad);border-block:1px solid var(--product-border);background:var(--product-surface);grid-area:2/1;align-items:center;gap:24px;display:flex}.speaker-explode-button{flex-shrink:0}.speaker-explode .speaker-range{flex:1;max-width:520px}.speaker-range{min-width:0;min-height:var(--product-control-height);align-items:center;gap:14px;display:flex}.speaker-range>span{white-space:nowrap;min-width:56px}.speaker-range>[role=slider]{flex:1;min-width:35px}.speaker-range output{text-align:right;font-variant-numeric:tabular-nums;min-width:74px;color:var(--product-muted-foreground);white-space:nowrap;font-size:12px}.speaker-inspector{border-left:1px solid var(--product-border);background:var(--product-surface);flex-direction:column;grid-area:1/2/4;min-height:0;display:flex;overflow:auto}.speaker-inspector-heading{font-weight:var(--product-weight-label);justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.speaker-inspector-heading>span:last-child{color:var(--product-muted-foreground);font-size:12px;font-weight:var(--product-weight-body)}.speaker-parts{padding:0 12px}.speaker-parts button{text-align:left;width:100%;height:46px;font-weight:var(--product-weight-body);justify-content:flex-start;align-items:center;gap:12px;margin-bottom:2px;padding:0 12px;display:flex}.speaker-parts button>svg,.speaker-principle-steps button>svg{color:var(--product-muted-foreground);flex-shrink:0;margin-left:auto}.speaker-parts button.active,.speaker-principle-steps button.active{background:var(--product-accent);color:var(--product-primary)}.speaker-part-detail{border-top:1px solid var(--product-border);margin:16px 20px 0;padding:20px 12px}.speaker-part-detail h2{font-size:var(--product-text-section);line-height:var(--product-leading-section);font-weight:var(--product-weight-label);margin:8px 0}.speaker-part-detail p,.speaker-experiments p{color:var(--product-description-foreground);margin:0;line-height:1.75}.speaker-text-button{color:var(--product-primary)}.speaker-part-detail .speaker-text-button{margin-top:12px;padding-inline:0}.speaker-console{padding:20px var(--product-panel-pad);background:var(--product-surface);grid-area:3/1;grid-template-columns:216px minmax(200px,1fr) minmax(170px,.8fr);align-items:center;gap:24px;min-width:0;display:grid;position:relative}.speaker-transport>div:first-child{justify-content:space-between;align-items:center;display:flex}.speaker-transport strong{font-size:var(--product-text-display);line-height:var(--product-leading-display);font-weight:var(--product-weight-display);font-variant-numeric:tabular-nums}.speaker-transport strong small{color:var(--product-muted-foreground);font-size:12px;font-weight:var(--product-weight-body);margin-left:4px}.speaker-playback{gap:6px;margin:10px 0;display:flex}.speaker-playback button{flex-shrink:0}.speaker-playback .speaker-primary{flex:1}.speaker-slow{color:var(--product-muted-foreground);white-space:nowrap;font-size:11px}.speaker-tone-controls{min-width:0}.speaker-waveforms{background:var(--product-muted);border-radius:var(--product-radius);gap:4px;margin-top:8px;padding:4px;display:flex}.speaker-waveforms button{color:var(--product-muted-foreground);flex:1;gap:6px;padding-inline:6px}.speaker-waveforms button.active{background:var(--product-surface);color:var(--product-primary)}.speaker-waveforms svg{flex-shrink:0}.speaker-oscilloscope{border-left:1px solid var(--product-border);min-width:0;padding-left:20px}.speaker-oscilloscope>div{color:var(--product-muted-foreground);justify-content:space-between;gap:8px;font-size:12px;display:flex}.speaker-wave-canvas{width:100%;height:70px;margin-top:10px}.speaker-oscilloscope>small{color:var(--product-muted-foreground);font-size:11px}.speaker-error{color:var(--product-danger-text);font-size:12px;position:absolute;bottom:0;left:24px}.speaker-principle-steps{padding:0 12px}.speaker-principle-steps button{justify-content:flex-start;gap:16px;width:100%;min-height:48px;margin-bottom:4px;display:flex}.speaker-principle-steps button>span{color:var(--product-muted-foreground);font-size:12px}.speaker-air{border-top:1px solid var(--product-border);color:var(--product-description-foreground);margin:0 24px;padding-top:16px}.speaker-air-canvas{width:100%;height:145px}.speaker-air p{color:var(--product-muted-foreground);margin:0;font-size:12px}.speaker-experiments{padding:0 20px}.speaker-experiments button{text-align:left;white-space:normal;border-bottom:1px solid var(--product-border);align-items:flex-start;gap:12px;width:100%;height:auto;padding:16px 8px;display:flex}.speaker-experiments button>span{color:var(--product-muted-foreground);padding-top:2px;font-size:12px}.speaker-experiments strong{font-weight:var(--product-weight-label)}.speaker-experiments p{font-weight:var(--product-weight-body);margin-top:6px}.speaker-experiments svg{color:var(--product-muted-foreground);flex-shrink:0}.speaker-fallback{height:100%;color:var(--product-muted-foreground);text-align:center;place-content:center;padding:32px;display:grid}@media (max-width:1200px){.speaker-workspace{grid-template-columns:minmax(0,1fr) 300px}.speaker-console{grid-template-columns:216px minmax(0,1fr);gap:20px;padding-inline:20px}.speaker-oscilloscope{display:none}.speaker-stage-title h1{font-size:var(--product-text-section);line-height:var(--product-leading-section)}.speaker-view-controls{top:auto;bottom:48px;right:16px}.speaker-type{display:none}.speaker-stage-footer>span:last-child{font-size:11px}.speaker-explode{gap:16px;padding-inline:20px}}@media (max-width:760px){.speaker-lab{height:auto;min-height:100dvh}.speaker-nav{padding:8px 12px}.speaker-tabs{gap:0;width:100%}.speaker-tabs button{flex:1;gap:5px;padding-inline:8px}.speaker-workspace{flex-direction:column;min-height:0;display:flex}.speaker-stage{flex-shrink:0;order:0;height:300px}.speaker-stage-title{top:16px;left:16px}.speaker-stage-title h1{margin-top:4px}.speaker-stage-title p,.speaker-model-label{display:none}.speaker-view-controls{gap:6px;bottom:44px;right:12px}.speaker-view-controls button{padding-inline:10px}.speaker-stage-footer{bottom:12px;left:16px;right:12px}.speaker-stage-footer>span:last-child{font-size:10px}.speaker-explode{order:1;gap:16px;min-height:64px;padding:8px 16px}.speaker-explode .speaker-range>span{display:none}.speaker-explode .speaker-range output{min-width:30px}.speaker-explode .speaker-range{gap:12px}.speaker-console{border-bottom:1px solid var(--product-border);order:2;grid-template-columns:1fr;gap:8px;padding:12px 16px 16px}.speaker-transport{grid-template-columns:minmax(0,1fr) 216px;align-items:center;column-gap:8px;display:grid}.speaker-transport>div:first-child{flex-direction:column;align-items:flex-start}.speaker-playback{margin:0}.speaker-slow{grid-column:1/-1;margin-top:4px}.speaker-range{gap:12px}.speaker-range output{min-width:70px}.speaker-inspector{border-left:0;order:3;min-height:0;overflow:visible}.speaker-parts{grid-template-columns:1fr 1fr;gap:4px;display:grid}.speaker-parts button{gap:6px;padding-inline:8px;font-size:12px}.speaker-inspector-heading{padding:20px 16px 16px}.speaker-part-detail{padding:16px 0}.speaker-principle-steps{grid-template-columns:1fr 1fr;gap:4px;display:grid}.speaker-principle-steps button{gap:8px}.speaker-reset>span{display:none}.speaker-reset{width:var(--product-control-height);padding:0}.speaker-error{margin:0;position:static}}@media (prefers-reduced-motion:reduce){.speaker-lab *,.speaker-lab :before,.speaker-lab :after{transition:none!important;animation:none!important}}