/* Keep the initial studio controls visible on desktop without page scrolling. */
@media(min-width:769px){
 body{margin:0;padding:12px 64px;box-sizing:border-box;min-height:100dvh}
 .box{box-sizing:border-box;max-width:1000px;padding:16px 22px}
 .box h1{margin:0 0 5px;font-size:24px}
 .box p.desc{margin:0 0 12px;font-size:13px}
 .box .form-group{margin-bottom:10px}
 .box label{font-size:13px}
 .box .enable-sound-btn,.box .btn-file,.box .btn-convert{padding:10px;font-size:14px;margin-bottom:8px}
 .box .key-badge{padding:8px;margin-top:6px;font-size:14px}
 .box .mapping-grid{margin-top:6px;gap:5px}
 .box .mapping-card{padding:6px}
 .box #status:empty{margin:0}
}
@media(min-width:769px) and (max-height:650px){
 .box{padding:12px 18px}.box h1{font-size:22px}.box p.desc{margin-bottom:8px}
 .box .form-group{margin-bottom:6px}.box select{padding:7px;font-size:14px}
 .box .mapping-card{padding:4px}.box .enable-sound-btn,.box .btn-file,.box .btn-convert{padding:8px;margin-bottom:5px}
}