@charset "UTF-8";body{font-family:Roboto,sans-serif;background-color:var(--tu-background-color, #0f172a);margin:0}.header{max-width:900px;margin:40px auto;padding:10px 20px;background-color:var(--tu-primary-color, #111827);border-radius:12px;box-shadow:0 4px 12px #0000004d;text-align:justify;line-height:1.6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--tu-font-color, #e5eefb)}.header a{color:var(--tu-font-color, #e5eefb)}.demo-section{margin:20px 0;padding:0 12px 12px;border:1px solid var(--tu-border-color, #334155);border-radius:10px;background:color-mix(in srgb,var(--tu-secondary-color, #1f2937) 35%,transparent)}.demo-section summary{padding:11px 0;color:var(--tu-font-color, #e5eefb);font-size:.95rem;font-weight:700;cursor:pointer}.demo-section p{margin-top:0}.header h1{font-size:2.5rem;margin:5px 5px 20px;font-weight:600;text-align:center}.header p{font-size:1.1rem;text-align:justify}.demo-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;font-size:.875rem;line-height:1.35}.demo-control-section{min-width:0;margin:0;padding:11px;border:1px solid var(--tu-border-color, #334155);border-radius:10px;background:color-mix(in srgb,var(--tu-secondary-color, #1f2937) 35%,transparent)}.demo-control-section legend{padding:0 8px;color:var(--tu-font-color, #e5eefb);font-size:.95rem;font-weight:700}.demo-control-section-wide{grid-column:1 / -1}.demo-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.demo-setting-rows{display:flex;flex-direction:column}.demo-setting-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--tu-border-color, #334155) 65%,transparent)}.demo-setting-row:first-child{padding-top:0;border-top:0}.demo-setting-row:last-child{padding-bottom:0}.demo-setting-row-title{padding-top:3px;color:var(--tu-font-color, #e5eefb);font-weight:700}.demo-control{display:flex;flex-direction:column;gap:4px;min-width:0;font-weight:600;color:var(--tu-font-color, #e5eefb)}.demo-control select{width:100%;padding:8px 10px;border:1px solid var(--tu-border-color, #334155);border-radius:8px;background:var(--tu-secondary-color, #1f2937);color:var(--tu-font-color, #e5eefb);font:inherit}.demo-control select:disabled{cursor:not-allowed;opacity:.55}.demo-persistence-actions{display:flex;flex-wrap:wrap;gap:6px}.demo-persistence-actions button{padding:8px 11px;border:1px solid var(--tu-border-color, #334155);border-radius:8px;background:var(--tu-secondary-color, #1f2937);color:var(--tu-font-color, #e5eefb);font:inherit;font-weight:600;cursor:pointer}.demo-persistence-actions button:hover:not(:disabled){border-color:var(--tu-accent-color, #60a5fa)}.demo-persistence-status{min-height:24px;margin-top:8px;font-weight:600}.demo-persistence-status[data-state=success]{color:#86efac}.demo-persistence-status[data-state=error]{color:#fca5a5}@media(max-width:640px){.demo-controls{grid-template-columns:1fr}.demo-control-section-wide{grid-column:auto}.demo-setting-row{grid-template-columns:1fr;gap:8px}.demo-persistence-actions button{flex:1 1 100%}}.tabSVG{background-color:var(--tab-div-color);margin:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-container{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:5px;position:relative}.modal-content{display:flex;flex-direction:row;background-color:#fff;border-radius:5px;position:relative}.close-button{position:absolute;top:10px;right:10px;font-size:24px;font-weight:700;cursor:pointer}.bend-type-list{list-style:none;padding:0;margin:0 10px 0 0;display:flex;flex-direction:column;gap:10px}.bend-type-list li{cursor:pointer;padding:5px 10px;border:1px solid #ccc;border-radius:5px}.bend-type-list li:hover{background-color:#eee}.bend-type-list li.selected{background-color:#ddd;font-weight:500}.top-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px auto}.play-controls-container{display:flex;justify-content:center;align-items:center;gap:10px;padding:9px 12px;border:1px solid #000000;border-radius:8px;background-color:#fff;width:fit-content}.play-controls-container img{cursor:pointer;width:24px;height:24px;border-radius:4px}.play-controls-container img:hover{background-color:#eee}.main-container{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.side-controls{position:sticky;top:10px;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #ccc;border-radius:5px;width:180px}.side-controls .control-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.control-group img{cursor:pointer;width:32px;height:32px;border-radius:4px}.control-group img:hover{background-color:#eee}.tu-voice-button{cursor:pointer;border:none;background:transparent;font-weight:700;min-width:1.25rem;margin-inline:.2rem}.tu-voice-button:hover{background-color:transparent}.separator{width:100%;border:1px solid #ccc}#input-modal .modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:400px;border:1px solid #000000}#input-modal .modal-content{flex-direction:column;gap:16px;padding:24px}#input-modal-title{font-size:20px;font-weight:600;color:#000;margin:0;padding:0}#input-modal-inputs{display:flex;flex-direction:column;gap:12px}#input-modal-inputs .input-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}#input-modal-inputs label{font-size:14px;color:#000}#input-modal-inputs input{width:100%;padding:8px 12px;border:1px solid #000000;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}#input-modal-inputs input:focus{border-color:#000;outline:0;box-shadow:0 0 0 2px #00000040}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;padding-top:16px}.modal-buttons button{padding:8px 16px;border:1px solid #000000;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}#input-modal-confirm{background-color:#000;color:#fff}#input-modal-confirm:hover{background-color:#333}#input-modal-cancel{background-color:#eee;color:#000}#input-modal-cancel:hover{background-color:#ddd}.loop-icon:hover{background-color:#eee}.loop-icon.active,.loop-icon-active{background-color:#ddd}.loop-icon-active:hover{background-color:#ccc}.track-selector-container{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#fff;border:1px solid #000000;border-radius:8px}.track-selector-container label{font-size:14px;font-weight:600;color:#000}#track-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #000000;border-radius:4px;padding:6px 30px 6px 12px;font-size:14px;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px 12px}#track-selector:focus{border-color:#000;outline:0;box-shadow:0 0 0 2px #00000040}.pitch-label{-webkit-user-select:none;-ms-user-select:none;user-select:none}.tu-editor{--tu-background-color: #f0f0f0;--tu-primary-color: #ffffff;--tu-secondary-color: #e0e0e0;--tu-border-color: #cccccc;--tu-applied-color: #21212114;--tu-font-color: #333333;--tu-hover-color: #d1d1d1;--tu-border-radius: 8px;--tu-font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--tu-font-notation: "Roboto", sans-serif;--tu-bend-grid: #cccccc;--tu-bend-curve: #000000;--tu-bend-handle: #000000;--tu-bend-label: #333333;--tu-transition-speed: .3s}.tu-editor{display:grid;grid-template-rows:auto 1fr;grid-template-columns:max-content minmax(0,1fr);gap:.5rem;padding:1rem;height:100vh;background-color:var(--tu-background-color);color:var(--tu-font-color);border-radius:var(--tu-border-radius);font-family:var(--tu-font-body)}.tu-editor .tu-top-controls-host{grid-area:1/1/2/3;min-width:0}.tu-editor .tu-side-controls-host{grid-area:2/1/3/2;min-width:0;position:relative;display:flex;flex-direction:column;align-items:stretch;height:fit-content;border-radius:var(--tu-border-radius);background:var(--tu-primary-color);box-shadow:0 2px 8px #0000001a}.tu-editor.tu-score-panel-bottom{grid-template-rows:1fr auto}.tu-editor.tu-score-panel-bottom .tu-top-controls-host{grid-area:2/1/3/3}.tu-editor.tu-score-panel-bottom .tu-side-controls-host,.tu-editor.tu-score-panel-bottom .tu-notation-viewport{grid-row:1/2}.tu-editor.tu-score-panel-bottom .tu-top-controls{top:auto;bottom:1rem}.tu-editor.tu-side-controls-right{grid-template-columns:minmax(0,1fr) max-content}.tu-editor.tu-side-controls-right .tu-side-controls-host{grid-column:2/3}.tu-editor.tu-side-controls-right .tu-notation-viewport{grid-column:1/2}.tu-editor.tu-score-panel-hidden{grid-template-rows:1fr}.tu-editor.tu-score-panel-hidden .tu-side-controls-host,.tu-editor.tu-score-panel-hidden .tu-notation-viewport{grid-row:1/2}.tu-editor.tu-side-controls-hidden{grid-template-columns:1fr}.tu-editor.tu-side-controls-hidden .tu-side-controls-host{display:none}.tu-editor.tu-side-controls-hidden .tu-top-controls-host,.tu-editor.tu-side-controls-hidden .tu-notation-viewport{grid-column:1/2}.tu-editor.tu-side-controls-collapsed{grid-template-columns:max-content minmax(0,1fr)}.tu-editor.tu-side-controls-collapsed .tu-side-controls{display:none}.tu-editor.tu-side-controls-collapsed .tu-side-controls-host{align-items:stretch}.tu-editor.tu-side-controls-collapsed .tu-side-controls-toggle{align-self:flex-start}.tu-editor.tu-side-controls-collapsed.tu-side-controls-right{grid-template-columns:minmax(0,1fr) max-content}.tu-editor .tu-side-controls-toggle{position:static;z-index:11;width:2.4rem;height:2.4rem;align-self:flex-start;margin:.5rem;padding:.25rem;border:none;border-radius:var(--tu-border-radius);background:var(--tu-primary-color);color:var(--tu-font-color);box-shadow:none;box-sizing:border-box;cursor:pointer;font:inherit;font-weight:700;transition:all var(--tu-transition-speed) ease}.tu-editor .tu-side-controls-toggle img{width:100%;height:100%;padding:0;border-radius:0}.tu-editor .tu-side-controls-toggle:hover{background:var(--tu-hover-color);cursor:pointer;transform:scale(1.1)}.tu-editor.tu-side-controls-collapsed .tu-side-controls-toggle{background:transparent}.tu-editor.tu-side-controls-collapsed .tu-side-controls-toggle:hover{background:var(--tu-hover-color)}.tu-editor .tu-root-svg text{font-family:var(--tu-font-notation);fill:var(--tu-notation-text)}.tu-editor .tu-top-controls{padding:.5rem 1rem;border-radius:var(--tu-border-radius);background:var(--tu-primary-color);box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-around;align-items:flex-start;position:sticky;top:1rem;z-index:10}.tu-editor .tu-top-controls .tu-score-controls{width:40vw;display:flex;flex-direction:column}.tu-editor .tu-top-controls .tu-score-controls .tu-master-controls{display:flex;justify-content:space-around;gap:10px}.tu-editor .tu-top-controls .tu-score-controls .tu-master-controls .tu-settings{display:flex;gap:10px}.tu-editor .tu-top-controls .tu-score-controls .tu-master-controls .tu-score-name-input{border:none;outline:none;background:transparent;color:var(--tu-font-color);caret-color:var(--tu-font-color);border-radius:4px;font:inherit;transition:background-color .15s ease,box-shadow .15s ease}.tu-editor .tu-top-controls .tu-score-controls .tu-master-controls .tu-score-name-input:focus{background-color:var(--tu-applied-color);cursor:text}.tu-editor .tu-top-controls .tu-score-controls .tu-master-controls .tu-score-name-input:hover{background-color:var(--tu-primary-color);box-shadow:0 0 0 2px var(--tu-secondary-color)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem;width:max-content}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls{display:grid;grid-template-columns:3rem 2.4rem 16rem 12rem 12rem 2.4rem 2.4rem 2.4rem 2.4rem;grid-template-rows:repeat(2,1.6rem);align-items:center;gap:.35rem;width:max-content;padding:.3rem;border:1px solid color-mix(in srgb,var(--tu-border-color) 70%,transparent);border-radius:calc(var(--tu-border-radius) + 2px);background:color-mix(in srgb,var(--tu-secondary-color) 35%,transparent)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls:has(.tu-track-select-button.tu-track-control-active){border-color:color-mix(in srgb,var(--tu-font-color) 50%,var(--tu-border-color));background:color-mix(in srgb,var(--tu-applied-color) 45%,transparent)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:0;height:100%;padding:0}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-select-button{display:flex;align-items:center;justify-content:center;justify-self:center;grid-row:1/3;width:2.6rem;height:2.6rem;border-radius:50%;background:transparent;font-size:1.1rem;line-height:1;text-overflow:clip}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-select-button.tu-track-control-active{background:var(--tu-applied-color);box-shadow:inset 0 0 0 1px var(--tu-font-color),0 0 0 2px var(--tu-applied-color)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-move-button{display:flex;align-items:center;justify-content:center;overflow:hidden;height:1.6rem;font-size:.9rem;font-weight:700;line-height:1;text-overflow:clip;opacity:.85}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-move-button:disabled{cursor:default;opacity:.28}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-move-up-button{grid-row:1}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-move-down-button{grid-row:2}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input{grid-row:1/3;width:100%;min-width:0;height:2.4rem;box-sizing:border-box}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-volume-input,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-panning-input{grid-row:1/3;width:100%;min-width:0}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-mute-button,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-solo-button,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-settings-button{grid-row:1/3;width:2.4rem;height:2.4rem;padding:.25rem;border-radius:var(--tu-border-radius);box-sizing:border-box}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-remove-button{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;position:relative;overflow:visible;padding:.25rem;border:none;border-radius:var(--tu-border-radius);background:transparent;box-sizing:border-box;filter:brightness(0) saturate(100%) invert(40%) sepia(70%) saturate(900%) hue-rotate(315deg) brightness(90%)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-remove-button:hover{background:transparent!important}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-remove-button.tu-disabled-img{cursor:not-allowed;opacity:.35;filter:grayscale(1)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-remove-button[aria-disabled=true]:hover:after{content:attr(data-tooltip);position:absolute;z-index:10;left:50%;top:calc(100% + 6px);transform:translate(-50%);width:max-content;max-width:180px;padding:4px 6px;border-radius:var(--tu-border-radius);background:var(--tu-secondary-color);color:var(--tu-text-color);font-size:12px;white-space:normal;pointer-events:none}.tu-editor .tu-top-controls .tu-track-controls,.tu-editor .tu-top-controls .tu-play-controls{display:flex;gap:.5rem}.tu-editor .tu-top-controls .tu-play-controls img,.tu-editor .tu-top-controls .tu-new-track-button{border-radius:var(--tu-border-radius)}.tu-editor .tu-top-controls .tu-track-selector{padding:.5rem 1rem;border:1px solid var(--tu-border-color);border-radius:var(--tu-border-radius);background-color:var(--tu-secondary-color);cursor:pointer;transition:background-color var(--tu-transition-speed)}.tu-editor .tu-top-controls .tu-track-selector:hover{background-color:var(--tu-hover-color)}.tu-editor .tu-top-controls img{width:40px;height:40px;transition:all var(--tu-transition-speed) ease;border-radius:50%}.tu-editor .tu-top-controls img.tu-track-control-active{background:var(--tu-applied-color);box-shadow:0 0 0 2px var(--tu-font-color)}.tu-editor .tu-top-controls img:hover{background:var(--tu-hover-color);cursor:pointer;transform:scale(1.1)}.tu-editor .tu-side-controls{position:sticky;top:0;width:max-content;box-sizing:border-box;height:fit-content;padding:1rem;border-radius:var(--tu-border-radius);background:transparent;box-shadow:none}.tu-editor .tu-side-controls .tu-note-controls{flex-direction:column}.tu-editor .tu-side-controls .tu-technique-controls,.tu-editor .tu-side-controls .tu-measure-controls{display:grid;grid-template-columns:repeat(4,2.4rem);gap:.35rem}.tu-editor .tu-side-controls .tu-technique-controls:before{content:"Techniques:";grid-column:1/-1;font-weight:700}.tu-editor .tu-side-controls .tu-measure-controls:before{content:"Measure:";grid-column:1/-1;font-weight:700}.tu-editor .tu-side-controls .tu-note-controls,.tu-editor .tu-side-controls .tu-technique-controls{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--tu-secondary-color)}.tu-editor .tu-side-controls .tu-control-section{display:flex;flex-direction:column;gap:.25rem;font-weight:400}.tu-editor .tu-side-controls .tu-control-grid{display:grid;grid-template-columns:repeat(3,2.4rem);gap:.35rem;align-items:center}.tu-editor .tu-side-controls .tu-duration-grid,.tu-editor .tu-side-controls .tu-beat-grid,.tu-editor .tu-side-controls .tu-voice-grid{grid-template-columns:repeat(4,2.4rem)}.tu-editor .tu-side-controls img{width:2.4rem;height:2.4rem;padding:.25rem;box-sizing:border-box;border-radius:var(--tu-border-radius);transition:all var(--tu-transition-speed) ease}.tu-editor .tu-side-controls img:hover{background:var(--tu-hover-color);cursor:pointer;transform:scale(1.1)}.tu-editor .tu-side-controls .tu-control-grid>.tu-voice-button{width:2.4rem;height:2.4rem;margin:0}.tu-editor .tu-notation-viewport{grid-area:2/2/3/3;min-width:0;box-sizing:border-box;background:var(--tu-primary-color);border-radius:var(--tu-border-radius);box-shadow:0 2px 8px #0000001a;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;min-height:0}.tu-editor .tu-responsive-message{grid-area:1/1/-1/-1;align-self:center;justify-self:center;max-width:28rem;padding:1.5rem;border-radius:var(--tu-border-radius);background:var(--tu-primary-color);box-shadow:0 2px 8px #0000001a;font-weight:600;text-align:center}.tu-editor.tu-view-only,.tu-editor.tu-responsive-view-only{grid-template-columns:1fr}.tu-editor.tu-view-only .tu-side-controls-host,.tu-editor.tu-responsive-view-only .tu-side-controls-host{display:none}.tu-editor.tu-view-only .tu-top-controls-host,.tu-editor.tu-view-only .tu-notation-viewport,.tu-editor.tu-responsive-view-only .tu-top-controls-host,.tu-editor.tu-responsive-view-only .tu-notation-viewport{grid-column:1/2}.tu-editor.tu-view-only .tu-score-controls .tu-master-controls .tu-settings>:not(.tu-show-tracks-button),.tu-editor.tu-responsive-view-only .tu-score-controls .tu-master-controls .tu-settings>:not(.tu-show-tracks-button){display:none}.tu-editor.tu-view-only .tu-score-controls .tu-tracks .tu-track-controls,.tu-editor.tu-responsive-view-only .tu-score-controls .tu-tracks .tu-track-controls{grid-template-columns:2.6rem minmax(0,1fr);grid-template-rows:2.6rem;width:100%}.tu-editor.tu-view-only .tu-score-controls .tu-tracks .tu-track-controls>:not(.tu-track-select-button):not(.tu-track-name-input),.tu-editor.tu-responsive-view-only .tu-score-controls .tu-tracks .tu-track-controls>:not(.tu-track-select-button):not(.tu-track-name-input){display:none}.tu-editor.tu-view-only .tu-score-controls .tu-tracks .tu-track-controls .tu-track-select-button,.tu-editor.tu-view-only .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input,.tu-editor.tu-responsive-view-only .tu-score-controls .tu-tracks .tu-track-controls .tu-track-select-button,.tu-editor.tu-responsive-view-only .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input{grid-row:1}.tu-editor.tu-view-only .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input,.tu-editor.tu-responsive-view-only .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input{grid-column:2}.tu-editor.tu-view-only .tu-score-name-input:disabled,.tu-editor.tu-responsive-view-only .tu-score-name-input:disabled{cursor:default;pointer-events:none}.tu-editor.tu-responsive-blocked{grid-template-columns:1fr}.tu-editor.tu-responsive-blocked .tu-top-controls-host,.tu-editor.tu-responsive-blocked .tu-notation-viewport{visibility:hidden}.tu-editor.tu-responsive-blocked .tu-side-controls-host{display:none}.tu-editor.tu-responsive-blocked .tu-notation-viewport{grid-column:1/2}.tu-editor .tu-root-svg{touch-action:pan-y;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block}.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content{display:flex;flex-direction:column;gap:1rem}.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-inputs{display:flex;flex-direction:column}.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-inputs .tu-tuplet-text{padding:3px;text-align:center;font-size:20px}.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-actions{display:flex;justify-content:space-between;margin-top:10px}.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content{display:flex;flex-direction:column;gap:1rem}.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content .tu-bend-controls-selector-content{display:flex;gap:1.5rem;align-items:center}.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content .tu-bend-controls-selector-content .tu-bend-types{display:flex;flex-direction:column;gap:.5rem}.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content .tu-bend-controls-actions-content{display:flex;justify-content:flex-end;gap:.5rem}.tu-editor .tu-number-stepper{display:grid;grid-template-columns:repeat(2,auto) minmax(4rem,1fr) repeat(2,auto);align-items:stretch;gap:.35rem;margin:.35rem 0}.tu-editor .tu-number-stepper button{min-width:2.5rem}.tu-editor .tu-number-stepper .tu-number-stepper-value{display:grid;place-items:center;min-height:2.25rem;padding:0 .75rem;border:2px solid var(--tu-border-color);border-radius:var(--tu-border-radius);background-color:var(--tu-primary-color);font-variant-numeric:tabular-nums;font-weight:600;-webkit-user-select:none;user-select:none}.tu-editor .tu-tuplet-dialog .tu-number-stepper,.tu-editor .tu-time-sig-dialog .tu-number-stepper{grid-template-columns:auto minmax(4rem,1fr) auto}.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content{display:flex;flex-direction:column;gap:1rem}.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs{display:flex;flex-direction:column}.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-text{padding:3px;text-align:center;font-size:20px}.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-actions{display:flex;justify-content:space-between;margin-top:10px}.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-inputs{display:flex;flex-direction:column}.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-inputs .tu-tempo-text{padding:3px;text-align:center;font-size:20px}.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-actions{display:flex;justify-content:space-between;margin-top:10px}.tu-editor .tu-nt-dialog{width:600px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container{display:flex;flex-direction:column}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-kinds-container{display:flex;justify-content:space-between;margin-bottom:10px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-kinds-container img{width:75px;height:75px;border-radius:20px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-instr-settings-container{display:flex;justify-content:space-between}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-instr-settings-container .tu-nt-types-container{flex:1;display:flex;flex-direction:column;gap:5px;margin-right:3px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-instr-settings-container .tu-nt-tones-container{flex:1;display:flex;flex-direction:column;gap:5px;margin-left:3px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-instr-settings-container{margin-bottom:5px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container{display:flex;flex-direction:column}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-string-count-container{display:flex;align-items:center;gap:6px;margin-top:6px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-string-count-value{min-width:40px;text-align:center;font-weight:700}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-tuning-container{display:flex;gap:6px;margin-top:6px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-tuning-string{display:flex;flex:1;flex-direction:column;align-items:center;gap:2px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-tuning-string-label{font-size:11px;opacity:.75}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-tuning-note{min-width:34px;padding:4px 0;text-align:center;font-weight:700}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-tuning-step{padding:2px 0;line-height:1}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-whole-tuning-container{display:flex;gap:6px;margin-top:6px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-actions-container{display:flex;flex-direction:row;justify-content:space-between}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-actions-container .tu-nt-confirm-button{margin-right:3px}.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-actions-container .tu-nt-cancel-button{margin-left:3px}.tu-editor .tu-nt-dialog .tu-nt-content button{width:100%;box-sizing:border-box}.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content,.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-info-container{display:flex;flex-direction:column}.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-info-container .tu-yes-no-text{padding:3px;text-align:center;font-size:20px}.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-actions-container{display:flex;justify-content:space-between;margin-top:10px}.tu-editor .tu-ts-dialog{width:400px}.tu-editor .tu-ts-dialog .tu-ts-content,.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container{display:flex;flex-direction:column}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-kinds-container{display:flex;justify-content:space-between;margin-bottom:10px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-kinds-container img{width:75px;height:75px;border-radius:20px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-instr-settings-container{display:flex;justify-content:space-between;margin-bottom:5px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-instr-settings-container .tu-ts-types-container{flex:1;display:flex;flex-direction:column;gap:5px;margin-right:3px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-instr-settings-container .tu-ts-tones-container{flex:1;display:flex;flex-direction:column;gap:5px;margin-left:3px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container{display:flex;flex-direction:column}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-tuning-container{display:flex;gap:6px;margin-top:6px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-tuning-string{display:flex;flex:1;flex-direction:column;align-items:center;gap:2px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-tuning-string-label{font-size:11px;opacity:.75}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-tuning-note{min-width:34px;padding:4px 0;text-align:center;font-weight:700}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-tuning-step{padding:2px 0;line-height:1}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-whole-tuning-container,.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-tuning-mode-container{display:flex;gap:6px;margin-top:6px}.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-actions-container{display:flex;justify-content:space-between;margin-top:10px}.tu-editor .tu-ts-dialog .tu-ts-content button{width:100%;box-sizing:border-box}.tu-editor .tu-side-controls .tu-note-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.tu-editor .tu-tuplet-dialog,.tu-editor .tu-bend-controls-dialog,.tu-editor .tu-time-sig-dialog,.tu-editor .tu-tempo-dialog,.tu-editor .tu-nt-dialog,.tu-editor .tu-yes-no-dialog,.tu-editor .tu-ts-dialog{border-radius:var(--tu-border-radius);border:none;padding:0;box-shadow:0 4px 15px #0003;background-color:var(--tu-primary-color);color:var(--tu-font-color)}.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content,.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content,.tu-editor .tu-nt-dialog .tu-nt-content,.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content,.tu-editor .tu-ts-dialog .tu-ts-content{padding:1.5rem;color:inherit}.tu-editor .tu-top-controls .tu-show-tracks-button,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls button,.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-actions button,.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content button,.tu-editor .tu-number-stepper button,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-actions button,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-actions button,.tu-editor .tu-nt-dialog .tu-nt-content button,.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-actions-container button,.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-actions-container button,.tu-editor .tu-ts-dialog .tu-ts-content button{padding:.5rem 1rem;border:1px solid var(--tu-border-color);border-radius:var(--tu-border-radius);background-color:var(--tu-secondary-color);color:var(--tu-font-color);cursor:pointer;transition:background-color var(--tu-transition-speed)}.tu-editor .tu-top-controls .tu-show-tracks-button:hover,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls button:hover,.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-actions button:hover,.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content button:hover,.tu-editor .tu-number-stepper button:hover,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-actions button:hover,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-actions button:hover,.tu-editor .tu-nt-dialog .tu-nt-content button:hover,.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-actions-container button:hover,.tu-editor .tu-ts-dialog .tu-ts-content button:hover{background-color:var(--tu-hover-color)}.tu-editor .tu-top-controls .tu-show-tracks-button:disabled,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls button:disabled,.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-actions button:disabled,.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content button:disabled,.tu-editor .tu-number-stepper button:disabled,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-actions button:disabled,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-actions button:disabled,.tu-editor .tu-nt-dialog .tu-nt-content button:disabled,.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-actions-container button:disabled,.tu-editor .tu-ts-dialog .tu-ts-content button:disabled{cursor:not-allowed;opacity:.45}.tu-editor .tu-top-controls .tu-show-tracks-button:disabled:hover,.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls button:disabled:hover,.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-actions button:disabled:hover,.tu-editor .tu-bend-controls-dialog .tu-bend-controls-content button:disabled:hover,.tu-editor .tu-number-stepper button:disabled:hover,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-actions button:disabled:hover,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-actions button:disabled:hover,.tu-editor .tu-nt-dialog .tu-nt-content button:disabled:hover,.tu-editor .tu-yes-no-dialog .tu-yes-no-dialog-content .tu-yes-no-actions-container button:disabled:hover,.tu-editor .tu-ts-dialog .tu-ts-content button:disabled:hover{background-color:var(--tu-secondary-color)}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input,.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-inputs .tu-tuplet-input,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-beats-input,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-duration-input,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-inputs .tu-tempo-input,.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-input,.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-input{padding:5px;border:2px solid var(--tu-border-color);border-radius:5px;background-color:var(--tu-primary-color);color:var(--tu-font-color);caret-color:var(--tu-font-color);font:inherit}.tu-editor .tu-top-controls .tu-score-controls .tu-tracks .tu-track-controls .tu-track-name-input:focus,.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-inputs .tu-tuplet-input:focus,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-beats-input:focus,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-duration-input:focus,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-inputs .tu-tempo-input:focus,.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-input:focus,.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-input:focus{outline:none;border-color:var(--tu-notation-selection-stroke);box-shadow:0 0 0 2px var(--tu-applied-color)}.tu-editor .tu-tuplet-dialog .tu-tuplet-dialog-content .tu-tuplet-inputs .tu-tuplet-error,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-beats-error,.tu-editor .tu-time-sig-dialog .tu-time-sig-dialog-content .tu-time-sig-inputs .tu-time-sig-duration-error,.tu-editor .tu-tempo-dialog .tu-tempo-dialog-content .tu-tempo-inputs .tu-tempo-error,.tu-editor .tu-nt-dialog .tu-nt-content .tu-nt-settings-container .tu-nt-track-info-container .tu-nt-error,.tu-editor .tu-ts-dialog .tu-ts-content .tu-ts-settings-container .tu-ts-track-info-container .tu-ts-error{color:#f08080;min-height:1em;max-height:1em}.tu-applied-img{background-color:var(--tu-applied-color);border-radius:var(--tu-border-radius)}.tu-applied-button{background-color:var(--tu-applied-color);box-shadow:0 0 0 2px var(--tu-applied-color)}.tu-voice-button{padding:0;border:none;background:transparent;box-shadow:none;color:inherit;font:inherit;font-weight:700;min-width:1.25rem;margin-inline:.2rem;cursor:pointer;transition:all var(--tu-transition-speed) ease}.tu-voice-button:hover{background:var(--tu-hover-color);transform:scale(1.1)}.tu-voice-button.tu-applied-img{background:var(--tu-applied-color);box-shadow:0 0 0 2px var(--tu-font-color)}.tu-disabled-img{opacity:.5;pointer-events:none;cursor:default}.tu-editing-disabled{opacity:.5;pointer-events:none}