:root{--editor-width:300px}
.sidebar-resizer{position:fixed;width:9px;padding:0;border:0;z-index:24;cursor:col-resize;touch-action:none;user-select:none;outline:none;background:transparent}
.sidebar-resizer:before{content:"";position:absolute;left:3px;top:0;bottom:0;width:3px;border-radius:2px;background:transparent;transition:background .15s}
.sidebar-resizer:hover:before,.sidebar-resizer:focus-visible:before,.sidebar-resizer.resizing:before{background:#999}
.sidebar-resizer:focus-visible{outline:1px solid #aaa;outline-offset:0}
body.sidebar-resizing,body.sidebar-resizing *{cursor:col-resize!important;user-select:none!important}
@media screen and (min-width:761px){
 #workspace{margin-left:var(--sidebar)}
 .library-hidden #workspace{margin-left:0}
 .content-layout,.edit-mode .content-layout{display:flex;overflow:hidden;min-width:0}
 #score-scroll,.edit-mode #score-scroll{min-width:0;max-height:none;padding-right:23px}
 #editor,.edit-mode #editor{display:block;position:relative;top:auto;right:auto;bottom:auto;flex:0 0 var(--editor-width);width:var(--editor-width);min-width:var(--editor-width);max-width:var(--editor-width);height:auto;max-height:none;border-top:0;border-left:1px solid #e6e6e6;box-shadow:none;overflow:auto}
 .editor-hidden #editor{display:none!important}
 #editor .preset-library-heading #close-editor{display:inline-grid;place-items:center;min-width:32px;flex:none}
}
@media screen and (max-width:760px){.sidebar-resizer{display:none!important}.mobile-editor-open #editor{display:block}}
@media(prefers-reduced-motion:reduce){.sidebar-resizer:before{transition:none}}
@media print{.sidebar-resizer,#mobile-tools{display:none!important}}