.native-dialog{width:min(880px,94vw);max-width:880px}.native-dialog>p{color:#abb1b8;line-height:1.6}.native-setup{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px;background:#20262a;border:1px solid #46504b;border-radius:8px}.native-setup a{color:#d7e78a;text-decoration:none}.native-setup small{flex-basis:100%;font-size:12px;color:#a4adb1;line-height:1.6}.native-connect,.native-heading,.native-preset,.native-play{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.native-connect label{flex:1}.native-dialog label{display:flex;flex-direction:column;gap:6px;color:#b2b8bc;font-size:12px}.native-dialog input,.native-dialog select{background:#191e23;border:1px solid #424b52;border-radius:5px;padding:8px;color:#eef0ea;min-width:0}.native-dialog input[type=range]{accent-color:#d7e78a}.native-heading>div{flex:1}.native-heading strong,.native-heading small{display:block}.native-heading strong{color:#ecefe3;font-size:18px}.native-heading small{font-size:12px;color:#a4adb1;margin-top:5px}.native-keys{display:flex;height:62px;gap:2px;flex:1;min-width:280px}.native-keys button{flex:1;color:#26302c;background:#d9ded2;border:0;border-radius:3px;cursor:pointer}.native-keys .black{background:#363d40;color:#dde5d8}.native-keys .held{background:#d7e78a}.native-connected>small{color:#a4adb1}.native-parameters{margin:18px 0;border:1px solid #3c4449;border-radius:6px;padding:12px}.native-parameters summary{cursor:pointer}.native-parameters>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:250px;overflow:auto;margin-top:15px}.native-parameters label{display:grid;grid-template-columns:1fr auto}.native-parameters input{grid-column:1/-1}.native-render{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-top:1px solid #41494d;padding-top:14px}.native-render h3,.native-render small{grid-column:1/-1}.native-render small{font-size:12px;line-height:1.6;color:#a4adb1}.native-dialog .native-status{color:#d7d8a4;min-height:22px}.native-connected[hidden],.native-dialog [hidden]{display:none!important}@media(max-width:600px){.native-render{grid-template-columns:1fr}.native-parameters>div{grid-template-columns:1fr}}


.native-library,.native-project-save,.native-project-select { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:14px 0; }
.native-library label,.native-project-save label,.native-project-select label { flex:1; min-width:min(230px,100%); }
.native-library small { flex-basis:100%; color:#a4adb1; }
.native-project { margin-top:20px; padding-top:12px; border-top:1px solid #41494d; }
.native-project h3 { margin:12px 0 6px; }
.native-project small,.native-chain-empty { color:#a4adb1; }
.native-chain { display:grid; gap:6px; padding-left:1.5rem; }
.native-chain li { padding-left:5px; }
.native-chain li span { display:inline-block; width:min(56%,380px); vertical-align:middle; overflow-wrap:anywhere; }
.native-chain li button { margin:2px; }
@media(max-width:600px) { .native-chain li span { width:100%; } }


.native-live { border-top:1px solid #41494d; margin:16px 0; padding:4px 0 10px; }
.native-live-assignment { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:12px 0; }
.native-live-assignment label { flex:1; min-width:min(230px,100%); }
.native-live-list { padding-left:0; list-style:none; }
.native-live-list li { border-top:1px solid #343e44; padding:7px 4px 2px; }
.native-live-list strong,.native-live-list small { display:block; }
.native-live-list small { margin-top:4px; }
.native-dialog.native-live-editor { position:fixed; inset:auto min(16px,3vw) min(16px,3vh) auto; z-index:2200; width:min(560px,calc(100vw - 24px)); margin:0; max-height:calc(100vh - 24px); }
.native-live-editor .native-live-status { color:#f3cc8b; }
.native-live-editor .native-live-status[data-connected=true] { color:#b9e6b4; }
.native-live-editor .native-live-parameters { margin:10px 0; }
.native-live-editor .native-live-parameters>div { margin:0; }
.native-live-midi-banner { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.native-live-editor .native-live-midi-status { margin:8px 0; color:#b9e6b4; }
.native-live-parameter { min-width:0; padding-bottom:6px; }
.native-live-parameter>label { margin-bottom:4px; }
.native-live-midi-tools { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.native-live-midi-tools small { flex-basis:100%; color:#a4adb1; overflow-wrap:anywhere; }
.native-live-editor .native-live-midi-tools label { display:flex; flex-direction:row; align-items:center; margin:0; gap:5px; min-width:0; font-size:10px; }
.native-live-editor .native-live-midi-tools select { width:auto; max-width:100%; height:auto; margin:0; padding:3px 5px; font-size:10px; }
.native-live-midi-tools button { padding:3px 7px; font-size:10px; line-height:1.4; }
.native-live-midi-tools button[aria-pressed=true] { border-color:#b9e6b4; color:#b9e6b4; }