/* BIO-ORIGIN project=cell-membrane-3d-lab; version=1.1.0-web.2; official=https://bio2077.cn/ */
.bio-project-home-row{padding-right:125px!important}
body[data-bio-project="cell-membrane-3d-lab"]>.visitor-gate__opener{position:absolute!important;top:4px!important;bottom:auto!important;right:12px!important;min-height:36px!important;font-size:16px!important}
.timeline{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.timeline label,.fusion-scene #time-label{white-space:normal;min-width:0;max-width:none;overflow-wrap:anywhere}
.timeline input{min-width:0;width:100%}
#chapters button{flex:0 0 auto;min-width:max-content}
.membrane-large-text #app{height:auto!important;min-height:100dvh;display:flex;flex-direction:column;overflow:visible}
.membrane-large-text header{height:auto;min-height:68px;padding:12px;flex-wrap:wrap;gap:12px}
.membrane-large-text .brand,.membrane-large-text .brand div,.membrane-large-text .header-actions{min-width:0;flex-wrap:wrap;gap:10px}
.membrane-large-text #chapters{height:auto;min-height:58px}
.membrane-large-text main{display:contents}
.membrane-large-text #stage{min-height:600px;height:auto;display:grid;grid-template-rows:auto auto minmax(300px,1fr) auto auto}
.membrane-large-text #stage-heading,.membrane-large-text .view-tools,.membrane-large-text #scene-badge,.membrane-large-text #scene-options{position:relative;inset:auto!important;margin:12px;max-width:none}
.membrane-large-text #stage-heading{grid-row:1}
.membrane-large-text .view-tools{grid-row:2;flex-wrap:wrap}
.membrane-large-text #world{grid-row:3;min-height:300px;height:300px}
.membrane-large-text #scene-badge{grid-row:4}
.membrane-large-text #scene-options{grid-row:5}
.membrane-large-text aside{overflow:visible}
.membrane-large-text #lesson{height:auto;min-height:100px;align-items:flex-start}
.membrane-large-text #lesson>div{min-width:0}
.membrane-large-text #transport{position:static;flex-wrap:wrap;transform:none;inset:auto;max-width:none}
.membrane-large-text .play-controls{flex-wrap:wrap;max-width:100%}
.membrane-large-text .timeline{flex-basis:100%;max-width:none}
@media(max-width:700px){
 #app[data-mode="standard"] main{display:contents}
 #app[data-mode="standard"] header{order:0}
 #app[data-mode="standard"] #chapters{order:1}
 #app[data-mode="standard"] #stage{order:2}
 #app[data-mode="standard"] #transport{order:3;position:static}
 #app[data-mode="standard"] aside{order:4}
 #app[data-mode="standard"] #lesson{order:5}
 .play-controls{flex-wrap:wrap}
 .play-controls button{flex:0 1 auto;white-space:nowrap}
 .speed-control{display:flex;align-items:center;gap:5px}
 .timeline{max-width:none}
}