/* One mobile composition, consumed by both the main app and embedded studies. */
body.embedded .instrument-screen { display:flex; flex-direction:column; min-height:0; }
body.embedded .instrument-heading, body.embedded .instrument-readout { position:static; flex-shrink:0; padding:12px 20px; }
body.embedded .instrument-canvas { flex:1; min-height:0; height:0; }
body.embedded .instrument-transport { flex-shrink:0; padding:8px 16px 14px; margin:0 auto; width:min(100%,600px); }
body.embedded .instrument-controls { padding:0; display:flex; flex-direction:column; overflow:hidden; }
body.embedded .instrument-controls-body { padding:18px 20px; min-height:0; overflow:auto; }
body.embedded .instrument-controls-bar { display:none; }
body.embedded .instrument-controls .control-heading { display:none; }
@media (max-width:720px) {
 body .instrument-shell.instrument-shell { height:100%; min-height:0; display:grid; gap:0; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(200px,50%) minmax(0,1fr); }
 body .instrument-shell.controls-collapsed { grid-template-rows:minmax(0,1fr) 54px; }
 body .instrument-shell .instrument-screen { min-height:0; height:100%; display:flex; flex-direction:column; border:0; border-radius:0; }
 body .instrument-shell .instrument-heading { position:static; box-sizing:border-box; flex:0 0 44px; height:44px; min-height:44px; padding:4px 14px; display:flex; align-items:center; gap:8px; margin:0; overflow:hidden; }
 body .instrument-shell .instrument-canvas { box-sizing:border-box; flex:1 1 0; height:0; min-height:0; width:100%; }
 body .instrument-shell .instrument-readout { position:static; box-sizing:border-box; flex:0 0 22px; height:22px; min-height:22px; padding:4px 14px; margin:0; display:flex; align-items:center; overflow:hidden; }
 body .instrument-shell .instrument-transport { box-sizing:border-box; flex:0 0 60px; height:60px; min-height:60px; width:100%; max-width:600px; display:flex; gap:8px; padding:6px 12px 10px; margin:0 auto; }
 body .instrument-shell .instrument-transport button { flex:1; min-height:44px; padding:8px 4px; font-size:12px; }
 body .instrument-shell .instrument-controls { display:flex; flex-direction:column; min-height:0; overflow:hidden; padding:0; border:0; }
 body .instrument-shell .instrument-controls-bar { box-sizing:border-box; flex:0 0 54px; height:54px; min-height:54px; display:flex; align-items:center; gap:8px; padding:4px 12px; margin:0; border:0; border-bottom:1px solid #2b3b50; background:#111c2c; color:#e4e9e6; }
 body .instrument-controls-bar > span { flex:1; font:600 16px Arimo,Arial,sans-serif; }
 body .instrument-controls-bar > button { min-height:44px; padding:8px 10px; background:transparent; color:#a4b4c3; border:1px solid #2b3b50; border-radius:4px; font:12px Arimo,Arial,sans-serif; }
 body .instrument-shell .instrument-controls-body { flex:1; overflow:auto; min-height:0; padding:14px 16px 24px; }
 body .instrument-shell.controls-collapsed .instrument-controls-body { display:none; }
 body .instrument-shell .instrument-controls .instrument-bottom { margin-top:16px; }
}
@media (max-width:720px) and (max-height:500px) and (orientation:landscape) {
 body .instrument-shell.instrument-shell { grid-template-columns:minmax(0,1fr) 280px; grid-template-rows:minmax(0,1fr); }
 body .instrument-shell.controls-collapsed { grid-template-columns:minmax(0,1fr) 120px; grid-template-rows:minmax(0,1fr); }
 body .instrument-shell.controls-collapsed .instrument-controls-bar > span { display:none; }
 body .instrument-shell .instrument-controls-bar { padding:4px; }
}
/* Keep focused inputs clear of a scroll panel's clipping edge. */
body .instrument-controls-body { scroll-padding-block:16px; }
body .instrument-controls-body input { scroll-margin-block:16px; }