/* Dedicated chemistry presentation; no styles outside this page are changed. */
.studio[data-lab=chemistry]{background:radial-gradient(ellipse at 87% 8%,#07406a77,transparent 43%),radial-gradient(ellipse at 15% 65%,#032c4655,transparent 58%),#020f21}
.studio[data-lab=chemistry] .lab-hero{min-height:230px;padding-bottom:20px}
.studio[data-lab=chemistry] .hero-copy{width:76%}
.studio[data-lab=chemistry] h1{font-size:43px;max-width:1030px;line-height:1.07;letter-spacing:-.035em;text-wrap:balance}
.studio[data-lab=chemistry] .lead{font-size:16px;max-width:855px;line-height:1.55}
.studio[data-lab=chemistry] .hero-art{width:530px;height:255px;top:-10px;right:-36px;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 30%);z-index:-1}
.studio[data-lab=chemistry] .hero-art .chem-model{width:100%;height:100%}
.studio[data-lab=chemistry] .workspace{grid-template-columns:minmax(0,1.26fr) minmax(0,1fr);gap:13px;align-items:stretch}
.studio[data-lab=chemistry] .chem-stage,.studio[data-lab=chemistry] .chem-console{min-height:660px;height:auto;padding:13px;display:flex;flex-direction:column;min-width:0;overflow:visible}
.chem-heading{display:flex;align-items:center;gap:10px;min-height:47px;flex-shrink:0}
.chem-heading h3{margin:0 0 3px;font-size:16px;line-height:1.3}
.chem-heading small{font-size:11px;line-height:1.4;color:#9abfd7;display:block}
.chem-live-label{font-size:11px;color:#68d9e9;background:#06213a;border:1px solid #1b536d;border-radius:6px;padding:5px 8px;margin-left:auto;white-space:nowrap}
.chem-stage-view{position:relative;flex:1;min-height:0;margin-top:5px}
.studio[data-lab=chemistry] .chem-stage-view .scene{position:absolute;inset:0;border-radius:7px;background:radial-gradient(ellipse at 50% 66%,#00578344,transparent 65%);height:100%;min-height:0;overflow:hidden}
.studio[data-lab=chemistry] .chem-stage-view .scene>svg{height:100%;width:100%;display:block}
.studio[data-lab=chemistry] .chem-model text{font:14px 'Segoe UI',sans-serif;fill:#c2dcec}
.studio[data-lab=chemistry] .chem-model .meter-heading{font-size:13px;fill:#b5d7eb}
.studio[data-lab=chemistry] .chem-model .meter-value{font-size:19px;fill:#7beaff;font-weight:650}
.studio[data-lab=chemistry] .chem-model .meter-note{font-size:12px;fill:#86b4cf}
.studio[data-lab=chemistry] .chem-model .hotplate-value{font:15px Consolas,monospace;fill:#63ead8}
.studio[data-lab=chemistry] .chem-model .particle-key text{font-size:11px;fill:#91b7cf}
.studio[data-lab=chemistry] .chem-model .tube-label{font-size:21px;fill:#e5f6ff;font-weight:650}
.studio[data-lab=chemistry] .chem-model .reaction-stage{font-size:17px;fill:#acf6e4}
.chem-scene-controls{position:absolute;inset:0;pointer-events:none}
.studio[data-lab=chemistry] .parameter-card{position:absolute;width:181px;pointer-events:auto;padding:10px 11px 10px 39px;margin:0;background:linear-gradient(125deg,#082c47eb,#031a2ef2);border:1px solid #218ab7;border-radius:10px;box-shadow:0 8px 24px #0005,inset 0 0 16px #087ab51a;display:block}
.parameter-icon{position:absolute;left:10px;top:10px;font-size:24px;color:#5fe1ff;line-height:1}
.studio[data-lab=chemistry] .parameter-card>span:not(.parameter-icon){font-size:12px;color:#d2eafa;display:block;line-height:1.35;min-height:34px}
.studio[data-lab=chemistry] .parameter-card b{display:block;margin-top:4px;font-size:14px;color:#f1faff;font-weight:600;white-space:nowrap}
.studio[data-lab=chemistry] .parameter-card input[type=range]{width:100%;height:25px;margin-top:3px;display:block;cursor:pointer}
.studio[data-lab=chemistry] .parameter-card select{padding:7px 5px;width:100%;font-size:12px;min-height:34px;margin-top:4px}
.parameter-0{top:27px;left:1px}.parameter-1{top:159px;left:1px}.parameter-2{top:202px;right:0}.parameter-3{top:326px;right:0}
.parameter-card.inactive{border-color:#245471}.parameter-card.inactive input{opacity:.4;cursor:default}.parameter-card.inactive .parameter-icon{color:#6d99b1}
.studio[data-lab=chemistry] .metric-grid{margin:8px 0;gap:7px}
.studio[data-lab=chemistry] .metric{padding:7px 9px;min-width:0}
.studio[data-lab=chemistry] .metric b{font-size:16px;font-weight:650;white-space:nowrap}
.studio[data-lab=chemistry] .metric span{font-size:11px;line-height:1.3}
.studio[data-lab=chemistry] .chem-actions{margin:0;gap:7px;flex-shrink:0}
.studio[data-lab=chemistry] .chem-actions button{font-size:13px;padding:10px;min-height:39px}
.studio[data-lab=chemistry] .chem-console .tabs{margin-bottom:12px;gap:6px}
.studio[data-lab=chemistry] .chem-console .tabs button{font-size:14px;padding:10px 4px;min-height:42px}
.chem-chart-box{padding:10px 12px;background:#031a2c;border:1px solid #1b668c;border-radius:10px;flex-shrink:0;margin:0 0 9px}
.chem-chart-box h3{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 4px}
.studio[data-lab=chemistry] .chem-chart{width:100%;height:auto;max-height:224px;display:block;background:transparent}
.studio[data-lab=chemistry] .chart text{font-size:14px;fill:#a8c8df}
.studio[data-lab=chemistry] .chart:focus-visible{outline:2px solid #64ebd0;outline-offset:3px}
.studio[data-lab=chemistry] .legend{font-size:12px;line-height:1.4;gap:5px 17px;margin-top:3px;display:flex;flex-wrap:wrap}
.chem-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.studio[data-lab=chemistry] .chem-control-grid .control{margin:0 0 8px}
.studio[data-lab=chemistry] .chem-control-grid .control>span{font-size:12px;line-height:1.4}
.studio[data-lab=chemistry] .chem-control-grid .control b{font-size:13px}
.studio[data-lab=chemistry] .chem-control-grid .control input[type=range]{height:24px;margin-top:6px;cursor:pointer}
.studio[data-lab=chemistry] .chem-control-grid .control select{font-size:13px;min-height:34px;margin-top:4px}
.chem-insight{padding:11px 13px;margin:3px 0 9px;background:linear-gradient(110deg,#0c304a99,#031b2e);border:1px solid #174e6d;border-radius:9px}
.insight-kicker{display:block;font-size:9px;letter-spacing:.13em;color:#62cfe4;margin-bottom:3px}
.chem-insight strong{font-size:16px;line-height:1.4;color:#e2f6ff;display:block}
.chem-insight p{font-size:12px;line-height:1.5;color:#a7c9de;margin:4px 0 0}
.insight-numbers{display:flex;justify-content:space-between;gap:9px;margin-top:8px;font-size:12px;color:#93bbd4}
.insight-numbers b{color:#6de2e9;font-weight:600}
.chem-explanation{font-size:12px;color:#a9cee3;margin:0 0 7px}
.chem-explanation summary{cursor:pointer;color:#8fdbe9;padding:5px 1px;min-height:26px}
.chem-explanation .note{font-size:12px;padding:10px;margin:4px 0;max-height:230px;overflow:auto}
.studio[data-lab=chemistry] .chem-explanation .note{display:block}
.chem-progress{display:flex;gap:15px;font-size:11px;color:#a6c8dd;margin-top:auto;padding:7px 0;border-top:1px solid #17435f}
.chem-progress b{color:#71e4e1;font-weight:600}.saved-dot{margin-left:auto;color:#85aca8;font-size:10px}.saved-dot:before{content:'●';color:#5ad4ad;font-size:7px;margin-right:4px}
.chem-secondary-actions{display:flex;gap:6px;flex-wrap:wrap}.studio[data-lab=chemistry] .chem-secondary-actions button{flex:1;font-size:11px;padding:7px 5px;white-space:nowrap}
.studio[data-lab=chemistry] .chem-secondary-actions button:first-child{color:#71e7ff;border-color:#23749c}
.chem-perturbations{display:flex;gap:5px;flex-shrink:0;margin-bottom:7px}
.studio[data-lab=chemistry] .chem-perturbations button{flex:1;font-size:12px;padding:8px}
.studio[data-lab=chemistry] .chem-journal{margin-top:13px;padding:0;overflow:hidden}
.chem-journal>summary{padding:12px 17px;font-size:14px;cursor:pointer;color:#b7deef}
.chem-journal>summary span{float:right;font-size:11px;color:#6dd9ed}
.chem-journal>section{border:0;background:transparent;padding:16px;margin:0}.chem-journal>section h3{font-size:16px;margin:0 0 10px}.chem-journal p,.chem-journal td,.chem-journal th{font-size:13px;line-height:1.5}
.studio[data-lab=chemistry] .chem-journal .chart{max-height:310px;width:100%}
.studio[data-lab=chemistry] .tool-cards{margin:13px 0 16px}.studio[data-lab=chemistry] .tool-card{min-height:92px}
.studio[data-lab=chemistry] .feedback{margin:5px 0 0;font-size:12px;flex-shrink:0}
.studio[data-lab=chemistry][data-chem-mode=equilibrium] .chem-heading small{max-width:360px}
.studio[data-lab=chemistry][data-chem-mode=catalyst] .chem-model text{font-size:16px}
@media(min-width:1500px){.studio[data-lab=chemistry] .chem-stage,.studio[data-lab=chemistry] .chem-console{min-height:680px}.studio[data-lab=chemistry] .parameter-card{width:190px}}
@media(max-width:1150px) and (min-width:801px){.studio[data-lab=chemistry] h1{font-size:36px}.studio[data-lab=chemistry] .workspace{grid-template-columns:1.15fr 1fr}.studio[data-lab=chemistry] .chem-stage,.studio[data-lab=chemistry] .chem-console{height:670px}.chem-live-label{display:none}.studio[data-lab=chemistry] .parameter-card{width:153px;padding-left:30px}.parameter-icon{left:6px;font-size:20px}.parameter-0{top:55px}.parameter-1{top:185px}.parameter-2{top:232px}.parameter-3{top:352px}.studio[data-lab=chemistry] .metric-grid{grid-template-columns:1fr 1fr}.saved-dot{display:none}.chem-progress{gap:12px}.chem-insight p{font-size:11px}.studio[data-lab=chemistry] .chem-console .tabs button{font-size:12px}}
@media(max-width:800px){.studio[data-lab=chemistry] .lab-hero{min-height:220px}.studio[data-lab=chemistry] .hero-copy{width:100%}.studio[data-lab=chemistry] h1{font-size:34px;max-width:650px}.studio[data-lab=chemistry] .lead{font-size:14px;max-width:610px}.studio[data-lab=chemistry] .hero-art{opacity:.23;right:-185px}.studio[data-lab=chemistry] .workspace{grid-template-columns:1fr}.studio[data-lab=chemistry] .chem-stage,.studio[data-lab=chemistry] .chem-console{height:auto;overflow:visible}.chem-stage-view{flex:none;min-height:510px}.studio[data-lab=chemistry] .chem-stage-view .scene{height:500px}.studio[data-lab=chemistry] .parameter-card{width:178px}.parameter-3{top:358px}.chem-console .chem-progress{margin-top:8px}.studio[data-lab=chemistry] .chem-chart{max-height:300px}.chem-heading h3{font-size:15px}.chem-live-label{font-size:10px}.studio[data-lab=chemistry] .chem-chart-box .legend{font-size:12px}}
@media(max-width:560px){.studio[data-lab=chemistry] .lab-hero{min-height:228px;padding-bottom:17px}.studio[data-lab=chemistry] .hero-copy{width:100%}.studio[data-lab=chemistry] h1{font-size:30px;line-height:1.1;margin:8px 0 10px;letter-spacing:-.025em}.studio[data-lab=chemistry] .lead{font-size:13px;line-height:1.5}.studio[data-lab=chemistry] .hero-art{display:none}.studio[data-lab=chemistry] .eyebrow{font-size:9px}.studio[data-lab=chemistry] .tags span:last-child{display:inline-flex}.studio[data-lab=chemistry] .tags span{font-size:9px;padding:4px 7px}.chem-heading{gap:8px;min-height:47px}.chem-heading h3{font-size:14px}.chem-heading small{font-size:11px;max-width:280px}.chem-live-label{display:none}.chem-heading .scene-symbol{width:26px}.chem-stage-view{min-height:0;display:flex;flex-direction:column;margin-top:5px}.studio[data-lab=chemistry] .chem-stage-view .scene{height:340px;position:relative;inset:auto;flex:none}.studio[data-lab=chemistry][data-chem-mode=rate] .chem-model{width:650px!important;max-width:none;height:428px!important;position:absolute;left:50%;top:-51px;transform:translateX(-50%)}.studio[data-lab=chemistry][data-chem-mode=rate] .gas-meter{display:none}.studio[data-lab=chemistry][data-chem-mode=rate] .particle-key{display:none}.chem-scene-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;pointer-events:auto;margin:4px 0 9px}.studio[data-lab=chemistry] .parameter-card{position:relative;inset:auto;width:auto;padding:10px;min-height:105px;box-shadow:inset 0 0 15px #087ab51a}.parameter-icon{display:none}.studio[data-lab=chemistry] .parameter-card>span:not(.parameter-icon){font-size:12px;min-height:34px}.studio[data-lab=chemistry] .parameter-card b{font-size:14px;margin-top:3px}.studio[data-lab=chemistry] .parameter-card select{font-size:12px;min-height:39px}.studio[data-lab=chemistry] .parameter-card input[type=range]{min-height:30px;margin-top:5px}.studio[data-lab=chemistry] .metric-grid{grid-template-columns:1fr 1fr;gap:7px;margin:3px 0 9px}.studio[data-lab=chemistry] .metric{padding:9px}.studio[data-lab=chemistry] .metric b{font-size:16px;white-space:normal}.studio[data-lab=chemistry] .metric span{font-size:11px}.studio[data-lab=chemistry] .chem-actions button{font-size:12px;padding:10px 6px;min-height:44px}.chem-control-grid{gap:9px 14px}.studio[data-lab=chemistry] .chem-control-grid .control>span{font-size:12px}.studio[data-lab=chemistry] .chem-control-grid select{font-size:13px;padding:7px 5px;min-height:40px}.studio[data-lab=chemistry] .chem-console .tabs button{font-size:12px;padding:10px 3px;min-height:44px}.chem-chart-box{padding:10px}.chem-chart-box h3{font-size:14px}.studio[data-lab=chemistry] .chem-chart{max-height:none;height:auto}.studio[data-lab=chemistry] .chart text{font-size:14px}.chem-insight strong{font-size:16px}.chem-insight p{font-size:13px;line-height:1.5}.chem-insight{padding:12px}.insight-kicker{font-size:10px}.insight-numbers{font-size:13px}.chem-explanation{font-size:13px}.chem-progress{font-size:12px;gap:14px}.saved-dot{display:none}.studio[data-lab=chemistry] .chem-secondary-actions button{font-size:12px;min-height:42px}.chem-secondary-actions button:first-child{flex-basis:100%}.chem-journal>summary{font-size:13px;padding:13px}.chem-journal>summary span{display:none}.studio[data-lab=chemistry] .chem-model text{font-size:20px}.studio[data-lab=chemistry][data-chem-mode=catalyst] .chem-stage-view .scene{height:305px}.studio[data-lab=chemistry][data-chem-mode=catalyst] .chem-model text{font-size:20px}.studio[data-lab=chemistry][data-chem-mode=catalyst] .chem-stage-view .scene>svg{height:100%;min-width:0}.studio[data-lab=chemistry][data-chem-mode=equilibrium] .chem-stage-view .scene{height:310px}.studio[data-lab=chemistry][data-chem-mode=equilibrium] .equilibrium-readout{display:none}.studio[data-lab=chemistry][data-chem-mode=equilibrium] .chem-model{width:530px!important;height:349px!important;max-width:none;position:absolute;left:0;top:-15px}.studio[data-lab=chemistry][data-chem-mode=equilibrium] .chem-model text{font-size:17px}.chem-perturbations{display:grid;grid-template-columns:1fr 1fr;margin-bottom:7px}.chem-perturbations button:last-child{grid-column:1/-1}.studio[data-lab=chemistry] .chem-perturbations button{min-height:41px;font-size:12px}.chem-journal .panel{padding:12px}.chem-journal .chart text{font-size:14px}}
@media(max-width:350px){.studio[data-lab=chemistry] h1{font-size:27px}.studio[data-lab=chemistry] .tags span:last-child{display:none}.studio[data-lab=chemistry] .chem-actions{flex-wrap:wrap}.studio[data-lab=chemistry] .chem-actions .primary{flex-basis:100%}.studio[data-lab=chemistry] .chem-model .hotplate-value{font-size:15px}.chem-heading h3{font-size:13px}.studio[data-lab=chemistry] .chem-console .tabs button{font-size:10px}}
@media(min-width:801px) and (max-width:1150px){.studio[data-lab=chemistry] .chem-stage,.studio[data-lab=chemistry] .chem-console{height:auto;min-height:670px}}
@media(max-width:800px){.studio[data-lab=chemistry] .chem-stage,.studio[data-lab=chemistry] .chem-console{min-height:0}}
@media(max-width:560px){.studio[data-lab=chemistry][data-chem-mode=catalyst] .reaction-stage{display:none}}
@media(max-width:560px){.studio[data-lab=chemistry] .energy-landscape,.studio[data-lab=chemistry][data-chem-mode=equilibrium] .equilibrium-caption{display:none}.studio[data-lab=chemistry][data-chem-mode=catalyst] .chem-stage-view .scene{height:245px}.studio[data-lab=chemistry] .chem-heading small{font-size:12px}}