@import url('../trickle/studio.css?v=3');
.workspace{grid-template-columns:minmax(0,1fr) 390px}.tabs{gap:1px}.tabs button{font-size:11px;padding:12px 5px}#scene-subtitle{font-size:9px;letter-spacing:.11em;color:#a7c7c5;margin-top:16px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.scenario-grid button{font-size:11px;text-align:left;padding:11px}.lab-field{border-top:1px solid #365059;padding-top:10px;margin-top:24px}.power-control{width:100%;text-align:left;margin-top:12px;font-size:11px}.nitrogen-chain{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #456361;border-bottom:1px solid #456361;padding:20px 0;margin:24px 0 10px}.nitrogen-chain span{font-family:Georgia,serif;font-size:24px;color:#d7bf87}.nitrogen-chain span:nth-of-type(2){color:#b1d9dd}.nitrogen-chain span:nth-of-type(3){color:#b3d9b2}.nitrogen-chain small{display:block;font:8px system-ui;letter-spacing:.10em;color:#aac2bd;margin-top:6px}.nitrogen-chain b{color:#8cb8b7;font-size:17px}.reaction-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:20px 0}.reaction-tabs button{font-size:10px;padding:8px 4px}.reaction-detail{border-left:2px solid #d4b878;padding-left:15px;min-height:220px}.reaction-detail h4{font-size:22px}#equation{font-family:Georgia,serif;font-size:16px;color:#d9d8b5;border-top:1px solid #345557;padding-top:13px}.bio-notes{border-top:1px solid #355052;margin-top:26px;padding-top:22px}.bio-notes h4{font-size:22px}.bio-notes p{font-size:12px}.bio-notes b{color:#d5dfd6}.knowledge{margin:22px 0}.knowledge summary{cursor:pointer;color:#d6c398}.quiz-item{padding:15px 0;border-bottom:1px solid #355052}.quiz-item p{font-size:12px}.quiz-item button{font-size:11px;margin-right:6px}.quiz-answer{color:#b4dfcb!important}.playback{gap:5px}.playback button{font-size:10px;padding:8px 9px}#macro-controls{position:absolute;z-index:5;left:30px;bottom:250px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:380px}#macro-controls button{font-size:11px}#macro-controls span{font-size:9px;color:#c2cdb4;width:100%}.journey-stage-nav{display:flex;align-items:center;gap:12px;position:absolute;z-index:5;right:28px;top:94px}.journey-stage-nav button{padding:5px 12px}.journey-stage-nav output{font-size:10px}.lesson-nav{margin-top:20px}body[data-mode=macro] .edition,body[data-mode=airpump] .edition{display:none}body[data-mode=macro] h1,body[data-mode=airpump] h1{font-size:30px}body[data-journey] .scene-heading h1{display:block;font-size:27px}body[data-journey] .edition{display:none}body[data-warning=true] .signal{background:#e6ad6d}.inspector .fine{line-height:1.6}#maturity-value{letter-spacing:0;font-size:9px}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 410px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.inspector{padding:25px 21px}.playback button{font-size:9px;padding:7px}}
@media(max-width:760px){.workspace{display:flex}.tabs button{font-size:11px}.stage{height:720px;max-height:calc(100svh - 58px);min-height:600px}.journey-stage-nav,body[data-journey] .journey-stage-nav{left:auto;right:18px;top:115px}.scene-heading h1{font-size:28px}#scene-subtitle{font-size:8px;max-width:270px;margin-top:10px}#macro-controls{left:18px;right:18px;bottom:250px;gap:5px}#macro-controls button{font-size:9px;padding:6px 8px}#macro-controls span{font-size:8px}.playback{gap:4px}.playback button{font-size:9px;padding:6px}.scene-footer{bottom:198px}#viewport,#labels{bottom:192px}.viewbar{bottom:224px}body[data-mode=macro] h1,body[data-mode=airpump] h1,body[data-journey] .scene-heading h1{font-size:25px}.reaction-detail{min-height:0;padding-bottom:10px}}

#macro-controls{bottom:275px;background:#102830dd;padding:10px;border:1px solid #42666a;border-radius:7px}#macro-controls span{font-size:10px;line-height:1.5}@media(max-width:760px){#macro-controls{bottom:275px;max-width:280px}#macro-controls span{font-size:9px}}

.focus-actions{margin-top:24px;border-top:1px solid #355052;padding-top:20px}.focus-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.focus-actions button{font-size:11px;text-align:left;padding:10px}.route-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.route-controls>span{width:100%}.route-controls button{font-size:10px;padding:8px}

body[data-focus] .scene-heading h1,body[data-focus] .edition{display:none}body[data-focus] .scene-heading{right:auto;background:#0b2029e8;padding:12px 16px;border-left:2px solid #b5e4cf;border-radius:0 6px 6px 0;max-width:calc(100% - 50px)}body[data-focus] .scene-heading .eyebrow{margin:0;font-size:8px}body[data-focus] #scene-subtitle{margin:6px 0 0;color:#d1e6df;font-size:9px}