/* Shared tablet layout; the native iPad host bundles the same app. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}
@media(pointer:coarse){
 button{touch-action:manipulation;min-height:44px}
 input,select,textarea{font-size:16px!important}
 .workspace-nav button{min-height:44px}
 .song-chord-cell,.arrangement-grid .song-step{min-height:48px}
 .tuner-trigger{width:44px;height:44px}
 .library-shape-row label{min-height:44px;padding:0 4px}
 .library-shape-row button{min-height:44px}
 .tab-note,.tab-event{touch-action:none}
 .tuner-strings button,.dictionary-voicings button{min-height:44px}
}
@media(max-width:850px){
 main{max-width:100%;padding:20px 16px}
 header{gap:14px;flex-wrap:wrap}
 header h1{font-size:34px}
 .header-tools{margin-left:auto}
 .lab-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}
 .lab-chord-preview{grid-template-columns:1fr}
 .lab-practice .controls{gap:10px}
 .studio-transport-main{flex-wrap:wrap;gap:10px}
 .studio-transport{top:0}
 .arrangement-grid{grid-template-columns:1fr;gap:24px}
 .arrangement-lane+.arrangement-lane{border-left:0;padding-left:0;border-top:1px solid #d8dfd3;padding-top:18px}
 #virtualInstrument:not([data-orientation="vertical"]) svg{min-width:0;width:100%}
}
@media(max-width:650px){
 .lab-layout{grid-template-columns:1fr}
 .lab-lesson-group{margin-bottom:16px}
 .lab-lesson-group button{padding:10px;font-size:13px}
 .home-choices{grid-template-columns:1fr}
 .workspace-nav{gap:4px}
 .workspace-nav button{padding:10px 12px}
}
#tunerDialog,#chordDictionary{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}