/* BIO-ORIGIN project=auxin-virtual-lab-3d; version=2.3.0-web.1; official=https://bio2077.cn/ */
body{height:100dvh;display:flex;flex-direction:column}.app{height:auto;min-height:0;flex:1;width:100%}body>.member-entry-wrap{flex-shrink:0}body[data-large-text=true]{height:auto;min-height:100dvh}body[data-view=immersive]>.member-entry-wrap,body[data-view=focus]>.member-entry-wrap{display:none}
#web-tools .bio-coop .dock{position:static!important;inset:auto!important;margin:0!important;min-height:40px;font-size:13px;padding:4px 8px;box-shadow:none;border-radius:7px}#web-tools .dock small{display:none}
@media(max-width:760px){footer>span:first-child{display:none}footer>a{font-size:12px}#web-tools .bio-coop .dock{font-size:12px;padding:3px 5px}}
@media(min-width:761px) and (max-height:850px){.setup{padding:12px}.setup h2{margin:4px 0;font-size:22px}.control-label{margin:5px 0}.choice-grid{gap:5px}.choice-grid button{padding:7px 2px}.control-note{margin:4px 0;line-height:1.4}.prediction-box{margin-top:6px;padding-top:6px}.prediction-box label{margin-bottom:5px}.conditions-btn{margin-top:4px}}
footer{height:auto;min-height:42px;gap:8px;flex-wrap:wrap}#web-tools{display:flex;align-items:center;gap:6px}#web-tools #bio-project-support{position:static!important;inset:auto!important;margin:0!important}#web-tools button{font-size:13px;min-height:40px;padding:4px 8px}
.app{grid-template-rows:auto auto minmax(0,1fr) auto}.masthead{flex-wrap:wrap;height:auto;min-height:64px}.header-actions{flex-wrap:wrap}.experiments button{white-space:normal}.stage-actions{flex-wrap:wrap}.camera-tools button{height:auto;min-height:44px}body[data-large-text=true]{overflow:auto}body[data-large-text=true] .app{height:auto;min-height:100dvh;grid-template-rows:auto auto minmax(720px,1fr) auto}body[data-large-text=true] .workspace{align-items:start}body[data-large-text=true] .setup{overflow:visible}body[data-large-text=true] .observation{min-height:950px;overflow:visible}body[data-large-text=true] .stage{min-height:420px}body[data-large-text=true] .stage-top,body[data-large-text=true] .transport,body[data-large-text=true] .evidence-bar{flex-wrap:wrap}body[data-large-text=true] .readouts{grid-template-columns:1fr}body[data-large-text=true] .camera-tools{position:static;display:flex;flex-wrap:wrap;padding:8px;background:#ebf0df}body[data-large-text=true] .stage{display:flex;flex-direction:column}body[data-large-text=true] .stage canvas{flex:1;min-height:380px}body[data-large-text=true] .camera-tools button{width:auto!important;min-width:62px}body[data-large-text=true] .selection-info,body[data-large-text=true] .sun-label,body[data-large-text=true] .scene-labels{display:none}body[data-large-text=true] .clock{max-width:none;min-width:200px}body[data-large-text=true] .evidence-bar p{max-height:none}body[data-large-text=true] h1{overflow-wrap:anywhere}body[data-large-text=true] .transport-buttons{flex-wrap:wrap}body[data-large-text=true] .sample-controls{flex-wrap:wrap}
@media(max-width:760px){.app{grid-template-rows:auto auto minmax(0,1fr) auto}.masthead{min-height:100px}footer{display:flex;font-size:12px;padding:2px 0}footer>span:nth-child(2){display:none}#web-tools{gap:3px}#web-tools button{font-size:12px;padding:3px 5px}.stage-actions button{white-space:normal}.stage-top{min-height:48px}body[data-large-text=true] .setup.open{overflow:auto}body[data-large-text=true] .app{display:block}body[data-large-text=true] .masthead,body[data-large-text=true] .experiments{margin-bottom:10px}}
body[data-view=focus] .app{grid-template-rows:auto minmax(0,1fr)}body[data-view=immersive] .app{display:block}