.mobile-only{display:none}#mobile-scrim{position:fixed;inset:0;border:0;border-radius:0;background:#0005;z-index:40;padding:0}
@media(pointer:coarse){.tab-svg,.time-hit,.string-hit,.lyric-hit,.chord-hit{touch-action:auto}#score{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#range-tools{height:48px}#range-tools .range-icon{width:40px;height:40px}}
@media screen and (max-width:760px){
 body,#workspace{height:100dvh;min-height:0}#workspace,.library-hidden #workspace{margin-left:0}body{overscroll-behavior:none}
 #library{z-index:50;width:min(320px,85vw);height:100dvh;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}body.library-hidden #library{display:none}
 .topbar{height:62px;min-height:62px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));gap:5px}.document-heading{display:block}.document-heading h1{font-size:15px}#save-state{display:block;font-size:10px;line-height:1.3}.mode-switch button{padding:8px 10px;min-height:38px}.icon-button{min-width:40px;min-height:40px}.topbar .mode-switch{flex:none}#song-menu{right:8px;top:58px;z-index:55}
 #mobile-tools{display:none;font-size:21px}.edit-mode #mobile-tools{display:inline-grid;place-items:center}.mobile-only#close-editor{display:inline-block}
 .transport{flex:none;min-height:0;height:auto;gap:6px 12px;padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center}.transport .toolbar-spacer{display:none}.play-controls{gap:3px}.play-button{width:40px;height:40px}.play-controls .icon-button{width:36px;min-width:36px;height:40px}.tempo-label input{width:49px;font-size:16px}.tempo-label{gap:1px}.volume-label{margin-left:auto}.volume-label input{width:58px;height:22px}.row-count-label{margin-left:0;gap:2px}.row-count-label span{display:inline}.row-count-label select{min-width:38px;min-height:36px}.chord-display-label{margin-left:0;gap:2px}.chord-display-label select{min-height:36px}.transport #lyrics-toggle,.transport #scroll-toggle{padding:7px 9px;min-height:36px}.scroll-control{margin-left:auto;padding-top:0!important}.scroll-control input{width:42px;min-height:36px}.scroll-control label span{font-size:9px}
 .content-layout,.edit-mode .content-layout{display:flex;overflow:hidden;min-height:0;flex:1}#score-scroll,.edit-mode #score-scroll{height:100%;max-height:none;min-width:0;padding:16px 6px 70px;scrollbar-gutter:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#score-paper,.edit-mode #score-paper{padding:20px 6px 30px;border:0;min-height:100%;box-shadow:none}.score-heading{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.score-heading h2{font-size:25px}#score-meta{font-size:12px;gap:14px}.score-section{margin-top:18px;margin-bottom:8px;color:#333}.score-row{margin-bottom:20px}.measure .bar-number{font-size:12px}.bar-info-button,.review-note-button{min-width:30px;min-height:28px;margin-top:-4px}.section-name-button{min-height:32px}
 #editor,.edit-mode #editor{display:none;position:fixed;z-index:55;left:0;right:0;bottom:var(--keyboard-inset,0px);width:100%;min-width:0;height:min(75dvh,var(--visible-height,75dvh));padding:14px 18px max(24px,env(safe-area-inset-bottom));border:1px solid #ccc;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -8px 40px #0002;overflow:auto;overscroll-behavior:contain}.edit-mode.mobile-editor-open #editor{display:block}.editor-heading{position:sticky;top:-14px;background:#fff;z-index:2;margin:-2px 0 12px;padding:4px 0;border-bottom:1px solid #ddd}.editor-heading strong{font-size:13px}.editor-heading>div{display:flex;gap:3px}#editor input,#editor select,#editor textarea,.score-popover input,.score-popover select,.score-popover textarea,dialog input{font-size:16px}#editor button{min-height:40px}#chord-editor-svg{height:240px}.edit-mode #preset-list{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-edit-options{justify-content:space-between}
 .score-popover{left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom) + var(--keyboard-inset,0px))!important;width:auto;max-width:none;max-height:calc(var(--visible-height,100dvh) - 24px);border-radius:15px;padding:16px;overscroll-behavior:contain}.score-popover button{min-height:40px}#picker-chords{max-height:38dvh}.popover-head{margin-bottom:10px}#range-tools{height:48px;gap:0;padding:3px}#range-tools .range-icon{width:40px;height:40px;padding:9px}#range-tools{max-width:calc(100vw - 16px)}#toast{max-width:calc(100vw - 24px);bottom:calc(20px + env(safe-area-inset-bottom));white-space:normal}.message{flex:none;max-height:100px;overflow:auto;padding:8px 12px}dialog{max-width:calc(100vw - 24px);padding:22px}.dialog-actions button{min-height:42px}
}
@media screen and (max-width:380px){.transport{gap:5px 8px;padding:7px 8px}.volume-label{display:none}.topbar .mode-switch button{padding:7px 8px}.topbar .icon-button{min-width:34px}.scroll-control label{display:none}.scroll-control{margin-left:auto}}
@media print{.mobile-only,#mobile-scrim{display:none!important}}
@media screen and (max-width:760px){
 *{-webkit-tap-highlight-color:transparent}.transport{display:grid;grid-template-columns:minmax(64px,1fr) minmax(76px,1fr) 62px 98px;grid-template-rows:42px 36px;gap:4px 6px;padding:8px 10px}.play-controls{grid-column:1/3;grid-row:1}.tempo-label{grid-column:3;grid-row:1}.scroll-control{grid-column:4;grid-row:1;width:auto;border:0;padding:0!important;margin:0;justify-content:flex-end}.scroll-control label{display:flex}.scroll-control label span{display:none}.scroll-control input{width:35px;padding:4px 0}.scroll-control #scroll-toggle{padding:7px 5px}.row-count-label{grid-column:1;grid-row:2}.chord-display-label{grid-column:2;grid-row:2}.transport #lyrics-toggle{grid-column:3;grid-row:2;padding:7px}.volume-label{grid-column:4;grid-row:2;display:flex;margin:0;justify-content:center}.volume-label input{width:62px}.scroll-control{min-height:0}.row-count-label,.chord-display-label{font-size:11px}
}