/* co-lect integration; note and fretboard colors keep their musical meaning. */
:root{--paper:#f1f6fa;--white:#fff;--ink:#233e54;--muted:#526b7e;--line:#d9e5ee;--teal:#2b6c98;--teal-light:#e5f0f8;--font:"Yu Gothic","Meiryo",sans-serif}
#selectionActions{font-size:12px;min-height:36px;white-space:nowrap;border-color:var(--teal);background:var(--teal-light);color:var(--teal)}
#touchSelectionToggle{display:none;font-size:12px;white-space:nowrap}#touchSelectionToggle[aria-pressed=true]{background:var(--teal-light);border-color:var(--teal)}.note-selection-mode #rollCanvas{touch-action:none}
@media(pointer:coarse),(max-width:780px){#touchSelectionToggle{display:inline-block}}
.selection-menu{position:fixed;z-index:60;width:240px;max-width:calc(100vw - 16px);padding:6px;background:#fff;border:1px solid #b4c8d7;border-radius:9px;box-shadow:0 8px 28px #233e5433;color:var(--ink)}
.selection-menu-title{font-size:12px;color:var(--muted);padding:7px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.selection-menu button{display:flex;align-items:center;gap:9px;text-align:left;min-height:44px;width:100%;padding:10px;font-size:13px;font-weight:500}.selection-menu button:hover,.selection-menu button:focus-visible{background:var(--teal-light)}.selection-menu .note-role-dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.note-role-dot.sing{background:#287e66}.note-role-dot.instrument{background:#89959e}
.topbar{gap:12px;padding:0 18px}.brand{flex-shrink:0}.brand-sub{letter-spacing:0;font-family:var(--font)}.header-actions{min-width:0}.lab-back{font-size:12px;color:var(--teal);white-space:nowrap;text-underline-offset:3px}.local-badge{font-size:11px}
.guitar-entry{white-space:nowrap;font-size:12px;margin-left:auto;flex-shrink:0}.guitar-entry[aria-expanded=true]{background:var(--teal-light);border-color:var(--teal)}
.sidebar .singing-options label:not(.other-parts-option){display:flex;flex-direction:column;align-items:stretch;gap:6px}.sidebar .singing-options select{max-width:100%;width:100%}.sidebar .singing-options .other-parts-option{justify-content:flex-start;gap:8px;font-size:12px}.other-parts-option input{width:18px;height:18px;accent-color:var(--teal)}.playback-summary{margin:0;font-size:12px;color:var(--muted)}
.sidebar{background:#f7fafc}.workspace{background:var(--paper)}.song-heading>div{min-width:0}.song-heading h1{overflow-wrap:anywhere;font-size:22px}.song-heading p{font-size:12px}.file-privacy{margin:3px 0;color:var(--muted);font-size:11px;line-height:1.6;flex:none}.status{font-size:12px;overflow-wrap:anywhere;line-height:1.6;max-height:76px;overflow:auto}
.sidebar h3,.sidebar .melody-heading h3{font-size:14px}.sidebar .range-fields label,.sidebar .melody-heading p,.sidebar .mode-switch button,.sidebar .singing-options label,.sidebar .singing-options select,.sidebar #melodyReset,.sidebar #clearRange,.sidebar .wait-field{font-size:12px}.sidebar .range-fields input{width:58px}.sidebar .singing-options select{max-width:175px}.sidebar .solfege-readout{background:#e4efe7}.sidebar a{color:var(--teal)}
.saved-practice{padding:16px 0}.saved-practice h3{margin:0 0 10px}.saved-practice .phrase-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.phrase-card{padding:8px}.phrase-select{width:100%;text-align:left;overflow-wrap:anywhere}.phrase-select strong{font-size:12px}.phrase-actions{display:flex;flex-wrap:wrap}.phrase-actions button{font-size:11px;min-height:36px}.phrase-empty{font-size:12px}
.transport{height:auto}.transport-settings{gap:8px;flex-wrap:wrap;justify-content:flex-end}.speed-presets{display:flex;gap:3px}.speed-presets button{font-size:11px;padding:5px 7px;min-height:32px;border:1px solid var(--line)}.speed-presets button[aria-pressed=true]{background:var(--teal-light);color:var(--teal);border-color:var(--teal)}.transport-title{min-width:0;max-width:180px}.transport-title strong{white-space:normal;overflow-wrap:anywhere}.transport-center{flex-shrink:0}.editor-toolbar{flex-wrap:wrap}.view-tools{flex-wrap:wrap}.track-label{min-width:0}#partSelect{max-width:200px;min-width:0}.guitar-dock{background:#f7fafc}.guitar-panel .guitar-heading select{font-size:12px}
@media(min-width:781px) and (max-width:1100px){.brand-sub,.local-badge{display:none}.transport-title{width:110px}.transport-settings{max-width:240px}.volume-control{display:none}.transport-center{gap:6px}.transport{padding:8px 12px}.speed-control input{width:80px}}
@media(max-width:780px){
 body{grid-template-rows:104px minmax(0,1fr) 138px}.topbar{height:104px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:8px;padding:8px 12px}.brand{font-size:23px}.brand-sub{display:inline;font-size:10px}.header-actions{grid-column:1/3;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}.header-actions button{min-height:38px;padding:7px 10px;font-size:12px}.lab-back{margin-right:auto;font-size:12px}.local-badge{display:none}
 .sidebar{top:104px;bottom:138px;width:min(350px,92vw)}.controls-backdrop{top:104px;bottom:138px}.guitar-dock{top:104px;bottom:138px}.transport{height:138px;padding:8px 12px}.transport-settings{gap:5px;max-width:210px}.speed-presets button{min-height:30px}.song-heading h1{font-size:18px;line-height:1.4}.song-heading p{font-size:11px}.file-privacy{font-size:10px}.status{font-size:11px;max-height:60px}.transport-center{gap:6px}.clock{font-size:11px}.loop-button{font-size:11px;padding:7px}.transport-title{max-width:130px}.song-heading #demoButton{font-size:11px;min-height:36px}.view-tools{gap:3px}#partSelect{max-width:100%;width:140px}.editor-toolbar{gap:4px}.view-tools .quiet{min-height:36px;font-size:11px}.view-tools .square{min-height:36px}.sidebar .singing-options{gap:12px}.saved-practice .phrase-list{display:flex}
}
@media(max-width:780px){.topbar>.guitar-entry{grid-column:2;grid-row:1;font-size:11px;min-height:38px;padding:8px}.topbar .brand-sub{display:none}.header-actions{grid-row:2}.sidebar .singing-options select{max-width:100%}}
@media(max-height:600px) and (orientation:landscape){body{grid-template-rows:58px minmax(0,1fr) 82px}.topbar{height:58px;display:flex}.header-actions{flex:1;justify-content:flex-end}.brand-sub,.file-privacy,.song-heading p{display:none}.sidebar,.guitar-dock,.controls-backdrop{top:58px;bottom:82px}.transport{height:82px;display:flex}.transport-title{display:none}.transport-center{flex:1}.transport-settings{max-width:200px}.song-heading h1{font-size:16px}.status{max-height:36px}.workspace{padding-top:4px}}
@media(max-height:600px) and (orientation:landscape) and (max-width:1100px){
 .layout,body.guitar-open .layout{grid-template-columns:minmax(0,1fr)}.workspace{grid-column:1}.song-heading .eyebrow,.status:not(.error){display:none}.editor-toolbar{min-height:44px;padding:4px 10px}.overview{height:28px}.sidebar{position:fixed;z-index:21;left:0;width:min(350px,88vw);display:none;box-shadow:8px 0 30px #1b302329}.controls-open .sidebar{display:block}.controls-backdrop{position:fixed;z-index:20;left:0;right:0;width:100%;border:0;border-radius:0;background:#1c30265c}.controls-open .controls-backdrop{display:block}#controlsButton,#closeControls{display:inline-block}.guitar-dock{position:fixed;right:0;width:260px;z-index:19}
}
