.staff-tab-configuration{position:fixed;z-index:110;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(46rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:hidden;border:1px solid rgb(34 211 238 / 28%);border-radius:.48rem;color:#dce5ed;background:linear-gradient(180deg,#121a24,#0b111b);box-shadow:0 1rem 3.2rem #00000061;font-size:.74rem;outline:none}.staff-tab-configuration,.staff-tab-configuration *{box-sizing:border-box}.staff-tab-configuration button,.staff-tab-configuration input{font:inherit}.staff-tab-configuration :is(button,input):focus-visible{outline:2px solid rgb(34 211 238 / 72%);outline-offset:1px}.staff-tab-configuration__header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.6rem .75rem;border-bottom:1px solid rgb(148 163 184 / 18%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.staff-tab-configuration__header:active{cursor:grabbing}.staff-tab-configuration__header h2,.staff-tab-configuration__section h3,.staff-tab-configuration__mode,.staff-tab-configuration__decision h2,.staff-tab-configuration__decision p{margin:0}.staff-tab-configuration__header h2{color:#f8fafc;font-size:.9rem;font-weight:800}.staff-tab-configuration__header>button{width:1.65rem;height:1.65rem;border:1px solid rgb(148 163 184 / 24%);border-radius:.28rem;padding:0;color:#e2e8f0;background:#0f172ab8;cursor:pointer;font-weight:800}.staff-tab-configuration__body{display:grid;gap:.5rem;min-height:0;overflow:auto;padding:.5rem}.staff-tab-configuration__editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.staff-tab-configuration__section{display:grid;align-content:start;gap:.55rem;min-width:0;border:1px solid rgb(148 163 184 / 16%);border-radius:.34rem;padding:.62rem;background:#0f172a52}.staff-tab-configuration__section--spacing{grid-column:1 / -1}.staff-tab-configuration__section h3{color:#f8fafc;font-size:.69rem;font-weight:700;text-transform:uppercase}.staff-tab-configuration__composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.staff-tab-configuration__composition button,.staff-tab-configuration__footer button,.staff-tab-configuration__decision button{min-height:1.85rem;border:1px solid rgb(148 163 184 / 25%);border-radius:.3rem;padding:0 .62rem;color:#dce5ed;background:#1b2938;cursor:pointer;font-size:.69rem;font-weight:650}.staff-tab-configuration__composition button[aria-pressed=true]{border-color:#2dd4bf7a;color:#e7fffb;background:#176a73}.staff-tab-configuration__composition button:disabled,.staff-tab-configuration input:disabled{cursor:default;opacity:.58}.staff-tab-configuration__assistive{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.staff-tab-configuration__mode{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;color:#94a3b8;font-size:.68rem}.staff-tab-configuration__mode strong{color:#67e8f9;font-size:.72rem;font-weight:700}.staff-tab-configuration__placement{display:grid;gap:.48rem;min-width:0;margin:0;border:0;padding:0}.staff-tab-configuration__placement legend{margin-bottom:.35rem;color:#94a3b8;font-size:.64rem;font-weight:600;text-transform:uppercase}.staff-tab-configuration__placement label{display:flex;align-items:center;gap:.45rem;color:#dbeafe;font-size:.72rem;font-weight:600}.staff-tab-configuration input[type=radio],.staff-tab-configuration input[type=range]{accent-color:#22d3ee}.staff-tab-configuration__spacing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem}.staff-tab-configuration__spacing-help{color:var(--app-text-muted, #aebbd0);font-size:.72rem;margin:8px 0 0}.staff-tab-configuration__spacing-grid>div{display:grid;grid-template-columns:minmax(7rem,.9fr) minmax(4rem,1fr) auto;align-items:center;gap:.5rem;color:#a9b8c6;font-size:.67rem;font-weight:600}.staff-tab-configuration__spacing-grid>div.is-disabled>label{opacity:.58}.staff-tab-configuration__spacing-grid input[type=range]{width:100%;min-width:4rem}.staff-tab-configuration__number{display:grid;grid-template-columns:4.2rem 1.2rem;align-items:center;gap:.3rem}.staff-tab-configuration__number input{width:100%;height:1.8rem;min-width:0;border:1px solid rgb(148 163 184 / 26%);border-radius:.28rem;padding:0 .4rem;color:#67e8f9;background:#0f172ab8;font-weight:700;text-align:right}.staff-tab-configuration__number>span{color:#8fa0b2;font-size:.66rem}.staff-tab-configuration__footer,.staff-tab-configuration__footer>div,.staff-tab-configuration__decision section>div{display:flex;align-items:center;gap:.45rem}.staff-tab-configuration__footer{justify-content:space-between;padding:.52rem .65rem;border-top:1px solid rgb(148 163 184 / 18%);background:#0c1420b8}.staff-tab-configuration__footer button:hover:not(:disabled),.staff-tab-configuration__decision button:hover:not(:disabled),.staff-tab-configuration__header button:hover,.staff-tab-configuration__composition button:hover:not(:disabled){border-color:#22d3ee85;color:#ecfeff;background:#14b8a62e}.staff-tab-configuration__footer .staff-tab-configuration__primary,.staff-tab-configuration__decision section>div button:first-child{border-color:#2dd4bf61;color:#e7fffb;background:#176a73}.staff-tab-configuration__decision{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#020617b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.staff-tab-configuration__decision section{display:grid;gap:.7rem;width:min(28rem,100%);border:1px solid rgb(34 211 238 / 28%);border-radius:.42rem;padding:.9rem;color:#dce5ed;background:#101924;box-shadow:0 1rem 2.5rem #0000008c}.staff-tab-configuration__decision h2{color:#f8fafc;font-size:.9rem}.staff-tab-configuration__decision p{color:#a9b8c6;font-size:.72rem}.staff-tab-configuration__decision section>div{flex-wrap:wrap}.staff-tab-configuration__section--rhythm{grid-column:1 / -1}.staff-tab-configuration__beam-grouping{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-width:0;margin:0;border:0;padding:0}.staff-tab-configuration__beam-grouping legend{grid-column:1 / -1;margin-bottom:.15rem;color:#94a3b8;font-size:.64rem;font-weight:600;text-transform:uppercase}.staff-tab-configuration__beam-grouping>label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem;min-width:0;border:1px solid rgb(148 163 184 / 22%);border-radius:.34rem;padding:.55rem;color:#dbeafe;background:#0f172a8a;cursor:pointer}.staff-tab-configuration__beam-grouping>label[data-selected=true]{border-color:#22d3ee94;background:#14b8a633}.staff-tab-configuration__beam-grouping span{display:grid;gap:.2rem}.staff-tab-configuration__beam-grouping strong{font-size:.72rem;font-weight:650}.staff-tab-configuration__beam-grouping small{color:#9fb0c2;font-size:.64rem;line-height:1.35}@media(max-width:720px){.staff-tab-configuration{left:1rem!important;top:1rem!important}.staff-tab-configuration__editor,.staff-tab-configuration__spacing-grid{grid-template-columns:1fr}.staff-tab-configuration__section--spacing{grid-column:auto}.staff-tab-configuration__beam-grouping{grid-template-columns:1fr}}.staff-notation-profile__section h3,.staff-notation-profile__assignment-help,.staff-notation-profile__mixed{margin:0}.staff-notation-profile__editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.staff-notation-profile__section{display:grid;align-content:start;gap:.6rem;min-width:0;margin:0;border:1px solid rgb(148 163 184 / 16%);border-radius:.34rem;padding:.62rem;background:#0f172a52}.staff-notation-profile__section legend,.staff-notation-profile__section h3{color:#f8fafc;font-size:.69rem;font-weight:700;text-transform:uppercase}.staff-notation-profile__section legend{padding:0 .15rem}.staff-notation-profile__profile-options{display:grid;gap:.48rem}.staff-notation-profile__profile-options label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem;min-width:0;border:1px solid rgb(148 163 184 / 18%);border-radius:.32rem;padding:.55rem;background:#0f172a73;cursor:pointer}.staff-notation-profile__profile-options label:has(input:checked){border-color:#2dd4bf7a;background:#176a736b}.staff-notation-profile__profile-options input{margin:.15rem 0 0;accent-color:#22d3ee}.staff-notation-profile__profile-options span{display:grid;gap:.2rem;min-width:0}.staff-notation-profile__profile-options strong{color:#e7fffb;font-size:.72rem;font-weight:700}.staff-notation-profile__profile-options small,.staff-notation-profile__assignment-help{color:#9fb0c0;font-size:.66rem;line-height:1.42}.staff-notation-profile__section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.staff-notation-profile__section-heading>span{color:#67e8f9;font-size:.66rem;font-weight:700;white-space:nowrap}.staff-notation-profile__assignment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.staff-notation-profile__assignment button{min-height:1.85rem;border:1px solid rgb(148 163 184 / 25%);border-radius:.3rem;padding:0 .62rem;color:#dce5ed;background:#1b2938;cursor:pointer;font-size:.69rem;font-weight:650}.staff-notation-profile__assignment button[aria-pressed=true]{border-color:#2dd4bf7a;color:#e7fffb;background:#176a73}.staff-notation-profile__assignment button:disabled{cursor:default;opacity:.48}.staff-notation-profile__mixed{color:#fbbf24;font-size:.66rem;font-weight:650}.staff-notation-profile__assignment button:hover:not(:disabled){border-color:#22d3ee85;color:#ecfeff;background:#14b8a62e}@media(max-width:720px){.staff-notation-profile__editor{grid-template-columns:1fr}}