.model-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 22px}.model-tabs a{padding:8px 13px;border:1px solid #dbe4d9;background:#fffefa;border-radius:7px;font-size:12px;color:#60765f}.model-tabs a[aria-current=page]{background:#e3efe7;color:#0c6d60;border-color:#b5d5bf;font-weight:600}.model-tabs a:hover{border-color:#6aa28a}.lab-presets{display:flex;gap:7px;flex-wrap:wrap;padding:12px 18px}.lab-presets[hidden],.transport[hidden],.data-panel[hidden]{display:none}.lab-presets button,.record-tools button{background:#f6f9f1;border:1px solid #dce6d6;border-radius:5px;padding:5px 9px;font-size:11px;color:#466950}.lab-presets button:hover,.record-tools button:hover{background:#e6f1e4}.record-tools{display:flex;gap:6px;flex-wrap:wrap}.record-tools button:disabled{opacity:.4;cursor:not-allowed}.record-tools button:first-child{background:#13766d;color:white;border-color:#13766d}.lab-stage{margin-top:12px}.lab-stage .stage-caption{background:#fafcf8d9;padding:2px 4px}.lab-stage svg{width:100%;height:auto;min-height:300px;aspect-ratio:900/420;cursor:grab;touch-action:none;font-family:var(--sans)}.lab-stage svg.dragging{cursor:grabbing}.lab-readouts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px 0}.lab-readouts strong{font-size:23px;overflow-wrap:anywhere}.lab-static-note{margin:13px 20px;color:#657961;font-size:11px}.lab-graphs:empty{display:none}.lab-graphs:has(>section:only-child){grid-template-columns:1fr}.lab-graphs .chart{max-height:275px;cursor:default}.lab-graphs .chart[data-time=true]{cursor:crosshair}.chart-legend{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;padding:0 12px 12px;font-size:10px;color:#52654e}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:14px;height:3px;display:inline-block}.data-panel{margin-top:19px}.data-panel .panel-heading{flex-wrap:wrap}.data-badge{font-size:10px;color:#73826b;background:#f1f5e9;padding:3px 6px;border-radius:4px}.data-scroll{overflow:auto;padding:0 16px 14px}.data-scroll table{border-collapse:collapse;width:100%;font-size:11px;text-align:right;white-space:nowrap}.data-scroll caption{text-align:left;padding:12px 0;color:#5a725f;font-size:11px;white-space:normal}.data-scroll th{font-weight:500;background:#f5f8ef;color:#526d55}.data-scroll td,.data-scroll th{padding:9px 10px;border-bottom:1px solid #e5ecdf}.data-scroll tr:last-child td{border-bottom:0}.data-scroll th:first-child,.data-scroll td:first-child{text-align:left}.record-empty{color:#718169;font-size:11px;margin:18px;line-height:1.9}#record-count{font:10px var(--number);color:#789373;margin-left:6px}.lab-parameters .parameter-field:last-child{margin-bottom:0}.lab-parameters label{font-size:12px}.lab-parameters .parameter-label{flex-wrap:wrap;gap:8px}.lab-select{width:100%;padding:8px;border:1px solid #dce5d7;border-radius:5px;background:#fafcf7;color:#365e48;font-size:12px;margin-top:8px}.lab-parameters .number-with-unit input{width:65px}.lab-parameters .parameter-error{margin:0 18px 15px}.lab-parameters .equation{font-size:18px;overflow-wrap:anywhere;letter-spacing:.3px}.lab-parameters .equation-block p{font-family:var(--sans);font-size:11px}.lab-parameters .model-assumptions p{white-space:pre-line;font-size:11px}.lab-parameters .equations{grid-row:auto}.lab-parameters .model-assumptions{grid-row:auto}.page-heading h1{flex-wrap:wrap}.lab-stage .stage-bottom>span{font-size:10px;color:#5c7465}.lab-readouts>div{min-width:0}.lab-readouts>div>span{color:#546d59}
@media(max-width:1200px){.lab-readouts strong{font-size:21px}.lab-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-parameters .equation{font-size:16px}}
@media(max-width:1000px){.lab-parameters .parameter-fields{grid-row:2/5}.lab-parameters .equations{grid-column:2;grid-row:2/4}.lab-parameters .model-assumptions{grid-column:2;grid-row:4}.lab-parameters .parameter-error{grid-column:1/-1;grid-row:5}.lab-parameters .parameter-field{margin-bottom:24px}}
@media(max-width:720px){.model-tabs{gap:6px;margin-bottom:17px}.model-tabs a{padding:8px 10px;font-size:11px}.lab-stage svg{min-height:255px}.lab-stage .stage-bottom>span{font-size:9px}.lab-stage .stage-bottom>span:last-child{display:none}.lab-graphs{grid-template-columns:1fr}.lab-graphs .graph-heading h2{font-size:12px}.lab-parameters .number-with-unit input{width:60px}.lab-readouts{gap:12px 0}.lab-readouts strong{font-size:23px}.record-tools button{font-size:10px}.data-panel .panel-heading h2{font-size:12px}.lab-static-note{font-size:11px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.lab-parameters .parameter-label{font-size:12px}.lab-stage .stage-caption{font-size:10px}.lab-presets{padding:12px}}
@media(max-width:520px){.lab-parameters{grid-template-columns:1fr}.lab-parameters .parameter-fields,.lab-parameters .equations,.lab-parameters .model-assumptions,.lab-parameters .parameter-error{grid-column:1;grid-row:auto}.lab-parameters .parameter-fields{border-right:0}.lab-parameters .equation{font-size:20px}.lab-stage svg{min-height:230px}.lab-stage .stage-tools{top:35px}.model-tabs{gap:6px}.lab-parameters .parameter-error{margin:0 20px 16px}}
.spatial-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:3px 18px 9px}.spatial-tools[hidden],#lab-camera-views[hidden]{display:none}.spatial-tools>div{display:flex;gap:6px}.spatial-tools button{font-size:11px;border:1px solid #d8e5da;border-radius:6px;padding:7px 10px;background:#f6f9f1;color:#466950}.spatial-tools button[aria-pressed=true]{background:#13766d;color:white;border-color:#13766d}#lab-scene:focus-visible{outline:2px solid #13766d;outline-offset:-3px}
.lab-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 18px;border-top:1px dashed #dce6d6;background:#f7faf3}.lab-actions[hidden]{display:none}.lab-actions button{padding:8px 12px;border:1px solid #aacbbb;background:#edf5ed;border-radius:6px;color:#236452;font-size:12px;min-height:36px}.lab-actions button:hover{background:#dceee2}.lab-actions button:disabled{opacity:.4;cursor:not-allowed}.lab-stage [data-drag]{cursor:ew-resize}.lab-stage [data-action]{cursor:pointer}.lab-actions button:focus-visible{outline:2px solid #13766d;outline-offset:2px}
.lab-readouts strong .scientific{font-size:.78em;white-space:nowrap;overflow-wrap:normal}
.lab-stage svg text{pointer-events:none}