#digitek-simulator{gap:16px;scroll-margin-top:96px}
.sim-level-controls{display:flex;flex-direction:column;gap:16px;padding:18px 20px;border:1px solid var(--vf-border);border-radius:14px;background:var(--vp-panel);min-width:0}
.sim-level-controls .control-group{min-width:0;gap:8px}
.sim-level-controls input[type=range]{width:100%;margin:0;min-height:24px;touch-action:pan-y}
.sim-level-controls>p{margin:0;line-height:1.6}
#digitek-simulator .simulation-panel{min-width:0;gap:14px;padding:18px}
#digitek-simulator .sim-header-top{gap:10px;flex-wrap:wrap}
#digitek-simulator .sim-header-actions{margin-left:auto}
#digitek-simulator .ai-presenter-box{margin:0;min-width:0;padding:14px}
#digitek-simulator .ai-speech-bubble{min-width:0;flex:1}
#digitek-simulator #tooltipReadout{height:auto;min-height:5.5rem;padding:12px;text-align:left;justify-content:flex-start;overflow:visible;line-height:1.6}
.demo-voice-status{font-size:.68rem;line-height:1.5;color:var(--text-muted);margin:3px 0 7px;overflow-wrap:anywhere}
#digitek-simulator .demo-section-controls{margin:0;padding:14px;gap:8px}
#digitek-simulator #demoPlaybackStatus{min-height:1.6em}
@media(min-width:968px){
 #digitek-simulator{grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-rows:auto auto;column-gap:28px;row-gap:14px;align-items:start}
 #digitek-simulator>.left-column{grid-column:1;grid-row:1;height:auto;max-width:none}
 #digitek-simulator>.sim-level-controls{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
 #digitek-simulator>.sim-level-controls>p{grid-column:1/-1}
 #digitek-simulator>.simulation-panel{grid-column:2;grid-row:1;align-self:stretch}
 #digitek-simulator .ai-presenter-box{flex:0 0 auto;align-items:center}
 #digitek-simulator .demo-control-row select{flex-basis:200px}
}
@media(max-width:967px){
 #digitek-simulator{display:flex;flex-direction:column;gap:18px}
 #digitek-simulator>.left-column{order:1;height:auto}
 #digitek-simulator>.simulation-panel{order:2}
 #digitek-simulator>.sim-level-controls{order:3}
}
@media(max-width:600px){
 #digitek-simulator .simulation-panel{padding:14px;gap:12px}
 #digitek-simulator .ai-presenter-box{padding:12px;gap:10px;align-items:flex-start}
 #digitek-simulator .ai-avatar-wrapper{width:48px;height:48px;flex:0 0 48px}
 #digitek-simulator #tooltipReadout{font-size:.76rem;padding:10px;min-height:6rem}
 #digitek-simulator .demo-section-controls{padding:12px}
 .sim-level-controls{padding:16px}
}

#demoVoiceStatus{display:none!important}