@import url('./controls.css');
[hidden]{display:none!important}
.open-controls{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 15px;margin-top:16px;padding:12px 18px;border:0;border-radius:12px;background:#0e5297;color:white;font-size:15px;font-weight:700;box-shadow:0 4px 12px #0e52971a}
.open-controls span{font-size:12px;font-weight:400;color:#e4f2ff}
.open-controls:hover{background:#093e75}
@media(max-width:850px) and (max-height:700px){.unified-lab .scene-panel{min-height:260px!important;height:38svh!important}.unified-lab .part-map-label.aileron,.unified-lab .part-map-label.elevator{bottom:42px!important}.unified-lab .part-map-label.rudder{top:100px}}
.unified-lab{grid-template-columns:minmax(0,1fr) 365px}
.unified-lab .scene-panel,#plane-scene{min-height:670px}
.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#edf3f7;border-radius:12px;padding:5px;margin-bottom:21px}
.mode-buttons button{border:0;background:transparent;color:#567085;padding:10px 4px;border-radius:8px;font-size:13px;font-weight:700}
.mode-buttons button[aria-pressed=true]{background:white;color:#0e5297;box-shadow:0 2px 5px #193c5514}
.unified-lab .controls h2{font-size:21px;margin-bottom:15px}
.unified-lab .control output{font-size:18px}
.unified-lab .part-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.unified-lab .part-buttons button{font-size:12px;padding:10px 5px;text-align:center}
.unified-lab .part-buttons button span{font-size:10px;line-height:1.6}
.unified-lab .part-description{min-height:68px}
.unified-lab .dimension{font-size:11px}
@media(max-width:1000px) and (min-width:851px){.unified-lab{grid-template-columns:minmax(0,1fr) 330px}.unified-lab .dimension{display:none}}
@media(max-width:850px){.unified-lab{grid-template-columns:1fr;overflow:clip}.unified-lab .scene-panel{position:sticky;top:0;z-index:4;align-self:start;min-height:340px;height:45svh;max-height:450px}.unified-lab #plane-scene{min-height:0}.unified-lab .controls{padding:20px}.unified-lab .part-description{min-height:0}.unified-lab .dimension{display:none}.unified-lab .control-scene-note{padding:12px 5px}.unified-lab .part-map-label.aileron,.unified-lab .part-map-label.elevator{bottom:55px}}
@media(max-width:360px){.unified-lab .controls{padding:17px}.unified-lab .part-buttons button{font-size:11px}.unified-lab .part-buttons button span{font-size:9px}.unified-lab .view-controls{left:10px;gap:4px}.unified-lab .view-controls button{padding:7px 8px;font-size:11px}}
