.app-container--song-editor{--bottom-navbar-height:0px;--bottom-navbar-offset:0px;height:100vh;overflow:hidden}.screen--song-editor{--song-ctrl-h:var(--control-md);--song-ctrl-r:8px;--song-column:800px;--song-column-with-notes:calc(800px + 21rem + var(--songs-stack-spacing,1rem));flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=900px){.screen--song-editor{--song-ctrl-h:var(--control-lg)}}@media (width>900px){.song-editor-container--view .song-editor-header{width:100%;max-width:var(--song-column);margin-inline:auto;transition:max-width .18s}.song-editor-container--view.song-editor-container--notes-open .song-editor-header{max-width:var(--song-column-with-notes)}}.song-editor-container{--song-editor-bottom-toolbar-height:124px;--song-editor-bottom-toolbar-offset:calc(var(--song-editor-bottom-toolbar-height) + env(safe-area-inset-bottom,0px));padding-bottom:var(--song-editor-bottom-toolbar-offset);flex-direction:column;gap:.6rem;display:flex}.song-editor-container--edit{flex:1;height:100%;min-height:0}.song-editor-container--view{flex:none;height:auto}@media (width<=900px){.song-editor-container{--song-editor-bottom-toolbar-offset:calc(var(--song-editor-bottom-toolbar-height) + var(--bottom-navbar-offset,0px))}}.content.content--song-editor{padding-bottom:0;overflow:hidden auto}.screen--song-editor .song-editor-header{flex-shrink:0}.screen--song-editor .chord-pro-editor{flex-direction:column;flex:1;min-height:0;display:flex}.screen--song-editor .song-editor-main{z-index:0;position:relative}.screen--song-editor .chord-pro-editor__surface{pointer-events:none}.screen--song-editor .chord-pro-textarea{pointer-events:auto;flex:1;height:100%;min-height:0;overflow-y:auto}.song-editor-bottom-toolbar{z-index:var(--z-dropdown);background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) 16px;position:fixed;bottom:0;left:0;right:0}@media (width<=900px){.screen--song-editor .song-editor-bottom-toolbar{bottom:var(--bottom-navbar-offset);padding-bottom:12px}}@media (width<=480px){.screen--song-editor .song-editor-bottom-toolbar{padding-left:clamp(4px,7.5vw - 20px,16px);padding-right:clamp(4px,7.5vw - 20px,16px)}.screen--song-editor .mobile-toolbar-popover--tuning .mobile-pill-btn{padding-left:clamp(0px,5vw - 16px,8px);padding-right:clamp(0px,5vw - 16px,8px)}}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar{border-bottom:none;padding:0}.screen--song-editor .song-view-toolbar__mobile{z-index:0;position:relative}.screen--song-editor .song-view-toolbar__mobile .dropdown-backdrop{z-index:0}.screen--song-editor .song-view-toolbar__mobile .mobile-toolbar-popover{z-index:1;position:relative;overflow:visible}.screen--song-editor .song-view-toolbar__mobile .mobile-popover-panel{z-index:100;max-height:calc(100vh - 140px);overflow-y:auto}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-group{flex-shrink:0}@media (width>900px){.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar__desktop{align-items:center;gap:.5rem;display:flex}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar__desktop .toolbar-row{flex:auto;width:auto;min-width:0}}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-group--perform .btn{height:var(--song-ctrl-h);min-height:var(--song-ctrl-h);border-radius:var(--song-ctrl-r)}.screen--song-editor .song-view-toolbar .autoscroll-compact{height:var(--song-ctrl-h);box-sizing:border-box;border-radius:var(--song-ctrl-r)}.screen--song-editor .song-view-toolbar .autoscroll-compact-btn{height:100%}@media (width<=900px){.screen--song-editor .mobile-toolbar-popover--tuning{max-width:360px}}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-group--tuning{flex:auto;min-width:0}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-group--tuning .select{flex:0 auto;min-width:0}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-group--perform{margin-left:auto}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-row::-webkit-scrollbar{height:6px}.screen--song-editor .song-editor-bottom-toolbar .song-view-toolbar .toolbar-row::-webkit-scrollbar-thumb{border-radius:var(--border-radius-pill);background:rgba(255,255,255,.18)}.screen--song-editor .chord-pro-viewer{height:auto;padding:0 1rem;overflow:visible}@media (width<=900px){.screen--song-editor .chord-pro-viewer{padding:0}}.song-editor-edit-split{gap:var(--songs-stack-spacing);flex-direction:row;flex:1;min-height:0;display:flex}.song-editor-edit-split__editor,.song-editor-edit-split__preview{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow-y:auto}.song-editor-edit-tabs{margin:0 0 var(--stack-gap-tight);border:0;border-bottom:var(--hairline);border-radius:0;flex-shrink:0;display:none;overflow:visible}.song-editor-edit-tabs .segment{min-height:44px;font-weight:var(--font-weight-semibold);background:0 0;border-bottom:2px solid transparent;border-left:0;flex:1;margin-bottom:-1px}.song-editor-edit-tabs .segment:hover{background:var(--interactive-hover)}.song-editor-edit-tabs .segment.is-selected{border-bottom-color:var(--accent-primary);color:var(--text-primary);background:0 0}.song-editor-edit-tabs .segment:focus-visible{outline-offset:-2px}@media (width<=900px){html:has(.app-container--song-editor){scroll-padding-bottom:var(--song-editor-bottom-toolbar-offset,124px)}.app-container--song-editor{height:auto;overflow:clip visible}.content.content--song-editor{overflow:clip visible}.song-editor-container--edit{flex:none;height:auto}.screen--song-editor .chord-pro-editor,.song-editor-edit-split,.song-editor-edit-split__editor,.song-editor-edit-split__preview{flex:none}.song-editor-edit-split__editor,.song-editor-edit-split__preview{overflow-y:visible}.screen--song-editor .chord-pro-editor__surface{min-height:60vh}.song-editor-edit-split{flex-direction:column}.song-editor-edit-tabs{display:flex}.song-editor-edit-split--show-edit .song-editor-edit-split__preview,.song-editor-edit-split--show-preview .song-editor-edit-split__editor{display:none}}