.songExplorer{position:fixed;inset:0 auto 0 0;margin:0;width:min(390px,94vw);height:100dvh;max-height:100dvh;max-width:94vw;box-sizing:border-box;border:0;border-right:1px solid #435564;border-radius:0;padding:20px;background:#17232c;color:#e7eef2;box-shadow:10px 0 35px #0006;font:16px/1.5 system-ui;overflow:auto}.songExplorer::backdrop{background:#0008}.explorerHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.explorerHead h2{margin:0;font-size:22px}.songExplorer button,.songExplorer select,.songExplorer input{font:inherit;color:#e7eef2;background:#263944;border:1px solid #526c7c;border-radius:6px;min-height:44px;padding:8px;box-sizing:border-box}.songExplorer input{width:100%;margin:18px 0 12px}.songExplorer label{display:flex;align-items:center;justify-content:space-between;gap:10px}.songExplorer select{flex:1}.explorerFiles{margin:18px 0}.explorerFiles details{border-top:1px solid #344955;padding:10px 0}.explorerFiles summary{cursor:pointer;min-height:38px;color:#edbd65;font-weight:600}.explorerSong{display:block;padding:12px 10px;margin-left:12px;text-decoration:none;color:#eef3f6;border-radius:6px}.explorerSong:hover,.explorerSong[aria-current=page]{background:#2c444e}.explorerSong strong,.explorerSong small{display:block}.explorerSong small{color:#aebec8;font-size:12px}.songExplorer>a{color:#edbd65;display:block;padding:10px 0}.explorerStatus{font-size:13px;color:#aebec8}.songExplorer :focus-visible{outline:3px solid #edbd65;outline-offset:3px}.explorerToggle{font-size:14px!important;min-height:40px!important}

@media(min-width:1100px){.songExplorer{width:280px;max-width:280px;box-shadow:none;padding:14px;z-index:10}body:has(.songExplorer[open])>main{margin-left:280px!important;margin-right:0!important;width:calc(100% - 280px)!important}.explorerHead h2{font-size:19px}}
/* Reserve the whole keybed plus caption and scrollbar, including short windows. */
main:has(.studioDock){grid-template-rows:44px auto minmax(0,1fr) 150px!important}main:has(.studioDock) footer{display:grid;grid-template-rows:22px minmax(0,1fr);gap:5px;padding:8px!important;overflow:visible!important;box-sizing:border-box}main:has(.studioDock) .pianoScroll{height:105px;min-height:105px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;box-sizing:content-box}main:has(.studioDock) .keyboard{height:100px!important}main:has(.studioDock) .white{height:98px!important}main:has(.studioDock) .black{height:62px!important}
@media(max-height:720px) and (min-width:851px){main:has(.studioDock){grid-template-rows:38px auto minmax(0,1fr) 125px!important}main:has(.studioDock) .pianoScroll{height:82px;min-height:82px}main:has(.studioDock) .keyboard{height:80px!important}main:has(.studioDock) .white{height:78px!important}main:has(.studioDock) .black{height:50px!important}}
@media(max-width:850px){main:has(.studioDock){grid-template-rows:auto auto auto 150px!important}}
@media print{.songExplorer,.explorerToggle{display:none!important}body:has(.songExplorer[open])>main{margin-left:0!important;width:100%!important}}