/* The same bench contains the live apparatus, controls and immediate measurements. */
#bench-body{scroll-margin-top:82px;isolation:isolate}
#bench-body>#step-controls{position:relative;border:1px solid var(--line,#9aadb644);border-radius:18px;background:var(--panel,#f7faf9);padding:14px;align-content:start;align-items:stretch;margin:0}
#bench-body>#step-controls>button{flex:1 1 140px;min-height:44px}
#bench-body .fr-actions,#bench-body .discovery-actions{display:grid;gap:9px;grid-template-columns:1fr;margin:8px 0}
#bench-body .segmented{display:flex;flex-wrap:wrap;gap:5px}#bench-body .segmented button{flex:1 1 70px;min-height:42px;padding:8px}
#bench-body .fr-group{margin-top:0;margin-bottom:9px}#bench-body .fr-group-title{font-size:14px}
#step-content>.fr-canvas+.fr-canvas{margin-top:8px}
#step-content .sim-stats{gap:8px}#step-content .sim-stats>span{padding:10px}#step-content .measurement{font-size:14px;line-height:1.65}
#bench-body:has(#step-controls:empty){display:block}
@media(min-width:900px){
 #bench-body.workspace-has-controls{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important;gap:20px!important;align-items:start!important}
 #bench-body>#step-content{grid-column:1!important;grid-row:1!important;min-width:0}
 #bench-body>#step-controls{grid-column:2!important;grid-row:1!important;position:sticky!important;top:82px!important;display:flex;max-height:calc(100dvh - 110px);overflow-y:auto;scrollbar-width:thin}
 #bench-body>#step-controls>.lab-details{width:100%}#bench-body>#step-controls>.discovery-choices{grid-template-columns:1fr}
 .theme-bat #step-content>.fr-canvas{border-radius:12px}.theme-bat #step-content>.fr-canvas+canvas{margin-top:8px}
}
@media(max-width:899px){
 #bench-body.workspace-has-controls{display:flex!important;flex-direction:column;gap:14px!important}
 #bench-body>#step-controls{order:0;width:100%;padding:12px;display:flex;position:static!important}
 #bench-body>#step-content{order:1;width:100%}
 #bench-body .discovery-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
 #bench-body .fr-actions,#bench-body .discovery-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 #bench-body .fr-actions button,#bench-body .discovery-actions button{font-size:14px;padding:10px;min-height:46px}
 #bench-body .fr-group{width:100%;display:block}#bench-body .segmented{margin-top:7px}
}
@media(max-width:420px){#bench-body{gap:10px!important}#bench-body>#step-controls{padding:10px}#bench-body .discovery-choice{font-size:12px;padding:9px 6px}#bench-body .sim-stats b{font-size:19px}}

.opto-live-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start;scroll-margin-top:82px}.opto-live-workspace .mechanism-panel{min-width:0;margin:0}.opto-live-controls{position:sticky;top:82px;padding:16px;border:1px solid var(--line,#9aadb655);border-radius:18px;background:var(--panel,#f5f7f5)}.opto-live-controls .run-actions{display:grid;gap:12px}.opto-live-controls button{width:100%;white-space:normal;min-height:48px}.opto-live-workspace .mechanism-layout{grid-template-columns:1fr}.opto-live-workspace .mechanism-layout>figure{display:none}.journey-main>.live-card{position:sticky;top:70px;z-index:15;box-shadow:0 6px 22px #10232c22}body[data-project=ancestry] .paimm-language{bottom:86px}@media(max-width:899px){.opto-live-workspace{display:flex;flex-direction:column}.opto-live-controls{position:static;width:100%;order:0}.opto-live-workspace .mechanism-panel{order:1;width:100%}.opto-live-controls .run-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-main>.live-card{top:0}}

@media(max-width:899px){#bench-body>#step-controls{max-height:38dvh;overflow-y:auto;scrollbar-width:thin}#bench-body>#step-controls>.fr-actions,#bench-body>#step-controls>.discovery-actions{order:-1}}
body[data-project=ancestry] .scene:has(.intro-title) .split{display:flex;flex-direction:column;align-items:stretch}body[data-project=ancestry] .scene:has(.intro-title) .copy{order:0;max-width:1100px;width:100%;margin:auto}body[data-project=ancestry] .scene:has(.intro-title) .visual{order:1;width:100%;max-width:1100px;margin:auto}body[data-project=ancestry] .scene:has(.intro-title) .dna-overlay,body[data-project=ancestry] .scene:has(.intro-title) .frame-label{display:none}

.bat-playback-status{margin:0 0 10px;padding:9px 13px;border-radius:10px;background:var(--soft);color:var(--ink);font-size:14px;line-height:1.6}.bat-playback-status[data-phase=outgoing]{border-left:4px solid #ffc15e}.bat-playback-status[data-phase=returning]{border-left:4px solid #7fa8ff}.bat-playback-status[data-phase=arrived]{border-left:4px solid #6acbab}
.opto-live-workspace{grid-template-columns:minmax(0,1fr) minmax(290px,360px)}.opto-live-controls{max-height:calc(100dvh - 108px);overflow-y:auto;scrollbar-width:thin}.opto-live-controls .run-actions{position:sticky;top:-16px;z-index:5;background:var(--panel,#0b2030);padding:12px 0;margin-top:-12px}.opto-live-controls .panel-heading{margin-top:10px}.opto-live-controls .reader-background{font-size:14px;line-height:1.7}.opto-live-controls .prediction-options{gap:8px}.opto-live-workspace .mechanism-panel>.section-head h2{font-size:clamp(22px,2.3vw,34px)}@media(max-width:899px){.opto-live-controls{max-height:38dvh}.opto-live-workspace .mechanism-panel{padding:14px}.opto-live-workspace .mechanism-layout{gap:10px}.opto-live-workspace .section-head{gap:8px}.opto-live-workspace .mechanism-panel .fine{font-size:12px}.opto-live-workspace .mechanism-panel h2{font-size:24px}}
#step-controls>.scale-toolbar,#step-controls>.studio-tools{width:100%;margin:0}#step-controls .studio-row{display:block;margin:8px 0}#step-controls .studio-row>.chips{margin-top:6px}#step-controls .sticker-tray{display:flex;gap:8px}#step-controls .sticker-btn{width:48px;height:48px;background-size:300% 100%}#step-controls .observation-toggle{width:100%}.measurement-plate{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.measurement-chart{margin-bottom:12px}.scale-readout{margin-top:14px}#step-content .postcard-studio{margin-top:0}.memory-stage:empty{display:none}@media(max-width:899px){.measurement-plate{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px}.measurement-well{aspect-ratio:1.45}.scale-readout{display:grid!important;grid-template-columns:1fr 24px 1fr;gap:7px!important}.scale-readout>div{padding:10px!important}.scale-readout b{font-size:23px!important}.scale-like{font-size:17px!important;line-height:1.6!important}.theme-bat #step-controls{max-height:32dvh}#step-controls .studio-row .chips{gap:5px}#step-controls .studio-tools button{font-size:13px;padding:8px}.measurement-chart svg{margin-top:0}}
.opto-live-workspace #mechanism-svg>svg{max-height:300px;width:100%;display:block}.opto-live-workspace .mechanism-panel>.section-head{margin-bottom:16px}.opto-live-workspace #waveform{width:100%;max-height:130px;display:block}.opto-live-workspace .specific-circuit{margin-top:18px}.opto-live-workspace .specific-circuit>svg{max-height:135px;width:100%;display:block}@media(min-width:900px){.opto-live-workspace .mechanism-panel{padding:22px}.opto-live-workspace .mechanism-panel .section-head h2{font-size:28px}.opto-live-workspace .mechanism-panel .eyebrow{font-size:12px}}
.opto-live-workspace #mechanism-svg>svg{min-width:0!important;height:auto}.opto-live-workspace #mechanism-svg{overflow:visible}@media(max-width:899px){.opto-live-controls{max-height:30dvh}.opto-live-workspace .mechanism-panel>.section-head{margin-bottom:10px}.opto-live-workspace .mechanism-panel>.section-head .eyebrow{display:none}.opto-live-workspace .mechanism-panel>.section-head h2{font-size:22px}.opto-live-workspace .mechanism-panel #mechanism-state{margin:5px 0}.opto-live-workspace .waveform-head{font-size:12px}}
.opto-live-controls{scroll-padding-top:100px;scroll-padding-bottom:16px}.opto-live-controls .guess{scroll-margin-top:100px}@media(max-width:899px){.opto-live-controls .run-actions{grid-template-columns:minmax(0,1fr) auto!important;gap:8px}.opto-live-controls .run-actions button{font-size:13px;line-height:1.5;min-height:44px;padding:10px}.opto-live-controls .run-actions #run{grid-column:1}.opto-live-controls .run-actions #run:only-child{grid-column:1/-1}.opto-live-controls .run-actions #stop{width:auto;min-width:64px}.opto-live-controls .run-actions:has(#stop[hidden]){grid-template-columns:1fr!important}}
.mechanism-zoom{display:block;margin:8px 0 12px auto;border:1px solid #6dcad466;border-radius:8px;background:#123443;color:#b9f1f1;padding:7px 13px;font:inherit;font-size:13px;min-height:34px}.mechanism-zoom-dialog{width:min(1100px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:92dvh;padding:16px;border:1px solid #55888f;border-radius:16px;background:#0b2534;color:#d8f4f4}.mechanism-zoom-dialog::backdrop{background:#000b}.mechanism-zoom-dialog>button{display:block;margin-left:auto;padding:8px 16px;color:inherit;border:1px solid #6dcad488;border-radius:8px;background:#123b4c;font:inherit}.mechanism-zoom-scroll{overflow:auto;max-height:75dvh;padding:12px 0}.mechanism-zoom-scroll>svg{display:block;width:100%;min-width:900px}.mechanism-zoom-scroll .specific-circuit{min-width:900px}.mechanism-zoom-scroll .specific-circuit svg{width:100%;display:block}