.lab-banner{display:flex;gap:30px;border-block:1px solid #ffffff15;padding:17px 0;color:#90b7ad;font-size:12px}.lab-banner span:last-child{margin-left:auto;color:#6f8894}.lab-planning,.lab-operation{margin-top:30px;border:1px solid #253940;border-radius:10px;background:linear-gradient(140deg,#111e25,#0b151c);padding:30px}.lab-stage-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.lab-stage-title>div{display:flex;align-items:center;gap:20px}.lab-stage-title h3{font-size:23px;font-weight:500}.stage-number{font:11px Consolas,monospace;color:#7cac9e;letter-spacing:2px}.lab-intro{font-size:13px;color:#8aa0aa;margin:15px 0 22px}.lab-planning fieldset{border:0;padding:0;margin:0;min-width:0}.planning-columns{display:grid;grid-template-columns:1fr 1fr .95fr;gap:35px}.planning-group h4{margin:0 0 17px;color:#b7c9cd;font-size:14px;font-weight:500}.planning-group label{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-top:20px}.planning-group output{font:13px Consolas,monospace;color:#a0d2bc;white-space:nowrap}.planning-group small{font-size:11px;color:#667f8d;line-height:1.7;display:block;margin-top:7px}.planning-group select,.operation-toolbar select{appearance:auto;background:#132730;color:#c9dcde;border:1px solid #34515b;border-radius:4px;padding:9px 10px;font:13px inherit;width:100%;margin-top:10px;min-height:40px}.planning-result{border-left:1px solid #ffffff15;padding-left:30px;display:flex;flex-direction:column;align-items:stretch}.planning-result>.panel-kicker{font-size:12px;color:#7fa69d;margin-bottom:20px}.planning-result>span:not(.panel-kicker){font-size:12px;color:#7f9aa6}.planning-result>strong{font:28px Consolas,monospace;color:#c1e5d7;margin-top:5px}.planning-result>small{font-size:11px;color:#768f9b}.planning-result .button{font-size:13px;gap:12px;margin-top:12px}#budget-bar{height:4px;background:#243944;border-radius:3px;margin:16px 0 7px;overflow:hidden}#budget-bar i{display:block;height:100%;width:0;background:#8cd9b9;transition:width 160ms ease}.planning-estimate{font-size:12px;line-height:1.9;color:#91a9b3;margin:20px 0 auto;min-height:89px}.lab-status{font-size:12px;color:#91b6a7;margin-top:19px;min-height:20px}.lab-status.error{color:#e4a889}.day-label{font-size:12px;color:#87b2a6}.operation-empty{display:flex;align-items:center;gap:23px;color:#6c8795;padding:37px 0 15px;font-size:14px}.operation-empty>span{font-size:28px;color:#82b4a0}.operation-toolbar{display:flex;gap:24px;align-items:flex-end;margin-top:24px}.operation-toolbar>label{font-size:12px;color:#8daab7;flex:1;max-width:350px}.operation-toolbar .button{margin-left:auto}.method-explanation{font-size:13px;color:#9eafb7;margin:17px 0 22px;line-height:1.8}.room-panel{background:radial-gradient(ellipse at 50% 20%,#20394a44,transparent 70%),#08141d;border:1px solid #223744;border-radius:8px;overflow:hidden}.room-heading{display:flex;align-items:center;gap:20px;padding:19px 23px;font-size:13px;color:#adc9cd}.room-heading>small{margin-left:auto;font-size:10px;color:#65818f}#scene-hour{font:18px Consolas,monospace;color:#a2e1c8}#room-canvas{width:100%;height:auto;display:block;aspect-ratio:1000/440}.room-readouts{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:12px 20px;font-size:11px;color:#6d8f9d}.room-readouts b{display:block;font:19px Consolas,monospace;color:#b4d8d7;margin-top:3px}.playback{display:flex;align-items:center;gap:17px;border-top:1px solid #ffffff0e;padding:14px 23px;color:#5f818f;font-size:11px}.playback .subtle-button{margin:0;white-space:nowrap;font-size:12px}.playback input{flex:1;min-width:0;margin:0}.run-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0 30px}.run-metrics>div{border-right:1px solid #ffffff14;padding-right:13px}.run-metrics>div:last-child{border:0}.run-metrics span{display:block;font-size:12px;color:#8aa7b5}.run-metrics strong{display:block;font:27px Consolas,monospace;color:#d2e7dd;margin:7px 0}.run-metrics small{display:block;font-size:10px;color:#728d98}.lab-chart-tabs{display:flex;gap:7px;border-bottom:1px solid #ffffff16;padding-bottom:10px}.lab-chart-tabs button{padding:8px 14px;border-radius:4px;background:transparent;color:#6f8e9e;font-size:12px}.lab-chart-tabs .active{background:#203b41;color:#b5dece}.lab-chart-legend{display:flex;gap:20px;flex-wrap:wrap;padding:17px 0;font-size:11px;color:#8ca6b0}.lab-chart-legend span{display:flex;align-items:center;gap:7px}.lab-chart-legend i{width:15px;height:2px;background:var(--color)}#lab-chart{width:100%;height:auto;display:block}#lab-chart text{font:11px Consolas,monospace;fill:#7693a0}.day-insight{background:#142b2b;border-left:2px solid #6aac91;color:#a6cdc2;padding:14px 18px;margin-top:16px;font-size:13px;line-height:1.9}.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.comparison-heading h4{font-size:14px;font-weight:500}.comparison-heading>span{font-size:10px;color:#718d9b}.comparison-scroll{overflow-x:auto}.method-comparison{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.method-comparison th{color:#6f91a1;text-align:right;font-weight:400;border-bottom:1px solid #ffffff20;padding:12px}.method-comparison th:first-child{text-align:left}.method-comparison td{text-align:right;padding:12px;border-bottom:1px solid #ffffff0c;color:#9ab2bd;font-variant-numeric:tabular-nums}.method-comparison td:first-child{text-align:left;color:#bbd1d4}.method-comparison tr.selected{background:#7fc1ad0e}.method-comparison tr.selected td:first-child{color:#a2e5c7}.method-comparison tr.oracle td{color:#b8a68b}.history-note{font-size:11px;color:#708b97;margin-top:15px}.model-details{max-width:1000px;padding:8px 0}.model-details p{font-size:13px;margin:13px 0;color:#88a0ad}.model-details b{color:#b7cccd;font-weight:500}.lab-planning fieldset:disabled{opacity:.65}#edit-plan{margin:0}.lab-status:empty{display:none}@media(max-width:1000px){.planning-columns{gap:23px;grid-template-columns:1fr 1fr}.planning-result{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff17;padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.planning-result .panel-kicker{grid-column:1/-1;margin:0}.planning-result>strong{grid-column:1}.planning-result .planning-estimate{grid-column:2;grid-row:2/6;min-height:0;margin:0}.planning-result .button{grid-row:7}.planning-result>small{grid-column:1}#budget-bar{grid-column:1}.run-metrics strong{font-size:24px}.room-readouts{gap:25px}.comparison-heading>span{max-width:250px}}@media(max-width:650px){.lab-planning,.lab-operation{padding:21px 16px}.lab-banner{font-size:10px;gap:13px}.lab-banner span:last-child{display:none}.lab-stage-title>div{gap:12px}.lab-stage-title h3{font-size:19px}.stage-number{font-size:10px;letter-spacing:1px}.planning-columns{grid-template-columns:1fr}.planning-group{border-bottom:1px solid #ffffff10;padding-bottom:17px}.planning-result{grid-column:1;display:flex;gap:0;border-top:0;padding:0}.planning-result .panel-kicker{margin-bottom:10px}.planning-result .planning-estimate{margin-top:15px}.planning-group label{font-size:14px}.planning-group output{font-size:14px}.room-heading{padding:16px 12px;gap:10px;font-size:12px}.room-heading small{font-size:9px;max-width:120px;text-align:right}.operation-toolbar{gap:12px}.operation-toolbar .button{font-size:12px;gap:12px;padding:10px 13px}.operation-toolbar select{font-size:12px;padding:8px 4px}.run-metrics{grid-template-columns:1fr 1fr;gap:22px 10px}.run-metrics strong{font-size:23px}.run-metrics>div:nth-child(2){border:0}.room-readouts{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.room-readouts b{font-size:17px}.playback{padding:14px 12px;gap:10px}.playback .subtle-button{font-size:11px}.lab-chart-tabs{gap:0;justify-content:space-between}.lab-chart-tabs button{padding:7px 5px;font-size:11px}.lab-chart-legend{font-size:10px;gap:10px}#lab-chart text{font-size:24px}.comparison-heading{align-items:flex-start;flex-direction:column;gap:0}.comparison-heading h4{margin-bottom:7px}.comparison-heading>span{max-width:none;margin-bottom:10px}.method-comparison{font-size:11px}.method-comparison td,.method-comparison th{padding:10px 8px}.lab-intro{font-size:12px}}
.lab-planning select,.operation-toolbar select{font-family:inherit;font-size:13px}
@media(max-width:650px){.lab-stage-title{flex-wrap:wrap;align-items:flex-start;gap:8px}.stage-number{white-space:nowrap}.lab-stage-title h3{font-size:18px}.day-label{flex-basis:100%;font-size:12px}.lab-stage-title>div{gap:12px}#lab-chart text{font-size:28px}}
