.panel-fold{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0!important;background:transparent!important;color:inherit!important;border:0!important;text-align:left;padding:12px!important;font:600 18px/1.3 Georgia,serif!important}.panel-fold::after{content:'+';margin-left:12px}.panel-fold[aria-expanded=true]::after{content:'−'}.panel-fold-body[hidden]{display:none!important}.panel-fold-body{min-width:0}.panel-shortcuts{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:16px;z-index:45}.panel-shortcuts button{width:auto;padding:12px 18px;margin:0;min-height:44px;background:#173e34;color:#fff;border:1px solid #90a698;border-radius:8px}.staff-grid-bottom{align-items:start}.staff-grid-bottom>section:has(>.panel-fold){max-height:none;overflow:visible}.staff-grid-bottom #era-staff .era-library{max-height:none}.k-panel:has(>.panel-fold){align-self:start}.panel-fold:focus-visible{outline:2px solid #b68b3f!important;outline-offset:2px}@media(max-width:700px){.staff-grid-bottom{grid-template-columns:minmax(0,1fr)}.k-panel,.staff-grid-bottom>section{min-width:0}.panel-fold-body input,.panel-fold-body select{max-width:100%;font-size:16px}.k-transport,.k-queue-actions,.era-host-actions{flex-wrap:wrap}.panel-shortcuts{right:10px;bottom:12px}body{padding-bottom:64px}.era-clip-actions button,.era-queue button{min-height:44px}}
.staff-grid-bottom>section:has(>.panel-fold){padding:12px;border-radius:12px}.staff-grid-bottom>section>.panel-fold{font:700 14px/1.4 "Avenir Next",Avenir,system-ui,sans-serif!important;padding:4px 0!important;min-height:24px;gap:12px}.staff-grid-bottom>section>.panel-fold::after{font:16px/1 system-ui,sans-serif}.staff-grid-bottom>section>.panel-fold[aria-expanded=true]{margin-bottom:12px!important}

.staff-grid-bottom{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.staff-grid-bottom>details,.staff-grid-bottom>section:has(>.panel-fold){margin:0;min-width:0;padding:12px!important;border:1px solid var(--line);border-radius:12px;box-sizing:border-box}.staff-grid-bottom>details>summary,.staff-grid-bottom>section>.panel-fold{font:700 14px/1.4 "Avenir Next",Avenir,system-ui,sans-serif!important;min-height:28px;padding:4px 0!important;margin:0!important}.staff-grid-bottom>section>.panel-fold[aria-expanded=true]{margin-bottom:12px!important}@media(max-width:1000px){.staff-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.staff-grid-bottom{grid-template-columns:minmax(0,1fr)}}
