/* Keep native dialogs and essential surfaces usable on macOS 11 WKWebView. */
dialog:not([open]){display:none!important}
dialog.native-compat-dialog[open]{display:block;position:fixed;top:16px;right:16px;bottom:auto;left:16px;z-index:110;width:calc(100% - 32px);max-width:560px;max-height:calc(100vh - 32px);margin:0 auto;overflow:auto}
.native-compat-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:109;background:rgba(0,0,0,.7)}
body.native-compat-modal{overflow:hidden}
@media(min-width:720px){
.native-legacy-webview #songEditor>.midi-fields,.native-legacy-webview #songEditor>.song-display-options,.native-legacy-webview #songEditor>.native-wide-field,.native-legacy-webview #songEditor>.check,.native-legacy-webview #songEditor>button{grid-column:1/-1}
.native-legacy-webview .set-editor-fields>.native-set-name{grid-column:2;grid-row:1}
}
.native-legacy-webview .native-single-member>div{display:block}
.native-legacy-webview .channel-groups.native-four-groups{grid-template-columns:repeat(4,minmax(0,1fr))}
.native-legacy-webview .master-grid.native-single-master{grid-template-columns:minmax(0,1fr);max-width:200px;margin:auto}
.native-rotate-faders .level-range{writing-mode:horizontal-tb;direction:ltr;position:absolute;left:50%;top:50%;width:var(--native-fader-length,220px)!important;height:48px!important;margin:0;transform:translate(-50%,-50%) rotate(-90deg)}
.native-rotate-faders .level-range::-webkit-slider-runnable-track{width:100%;height:8px;background:transparent;box-shadow:none}
.native-rotate-faders .level-range::-webkit-slider-thumb{width:30px;height:36px;margin-left:0;margin-top:-14px;background:linear-gradient(to left,#a7adae 0,#e5e8e8 8%,#8d9495 40%,#555d5e 47%,#151a1b 49%,#eff2f2 53%,#a1a8a9 58%,#d5d9d9 92%,#757d7e 100%)}
@supports not (background:color-mix(in srgb,black,white)){
 .channel-card{background:var(--panel)}
 .topbar{background:var(--bg)}
}
@supports not (inset:0){
 #lyricsPanel,#metronomeVisual,.modal-backdrop,.confirm-backdrop{top:0;right:0;bottom:0;left:0}
 #panel{top:8px;right:8px;bottom:8px;left:8px}
}