label{border:2px solid var(--color-lbl-brd);border-radius:var(--label-radius);background-color:var(--color-lbl-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-lbl-font);display:inline-flex;gap:8px;align-items:center;margin-bottom:1.5rem;padding:4px;width:100%}span{border:2px solid var(--color-lbl-brd);border-radius:var(--label-radius);background-color:var(--color-lbl-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-lbl-font);padding:4px}input[type=file],select,button{font:inherit}input[type=file],select{width:100%;padding:.7rem;border:1px solid var(--color-slt-brd);border-radius:.75rem;background:var(--color-slt-fill)}input[type=file]::file-selector-button{border:2px solid var(--color-btn-brd);border-radius:var(--button-radius);background-color:var(--color-btn-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-btn-font, #ffffff);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);font-variant:var(--font-variant);text-decoration:var(--font-dec);text-underline-offset:var(--underline-offset);letter-spacing:var(--letter-space);word-spacing:var(--word-space);text-transform:var(--text-tran);margin-right:.75rem;padding:.4rem .75rem;cursor:pointer}button{border:2px solid var(--color-btn-brd);border-radius:var(--button-radius);background-color:var(--color-btn-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-btn-font, #ffffff);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);font-variant:var(--font-variant);text-decoration:var(--font-dec);text-underline-offset:var(--underline-offset);letter-spacing:var(--letter-space);word-spacing:var(--word-space);text-transform:var(--text-tran);padding:5px;margin:5px;cursor:pointer}button:active{box-shadow:0 0 0 var(--color-shadow)}.tab-button{border:2px solid var(--color-btn-brd);border-radius:var(--button-radius);background-color:var(--color-btn-fill);box-shadow:none;color:var(--color-btn-font, #ffffff);margin:0;padding:.5rem 1.25rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;opacity:.6;transition:opacity .15s}.tab-button--active{opacity:1;border-color:var(--color-border);outline:1px solid var(--color-border)}select{border:2px solid var(--color-slt-brd);border-radius:var(--select-radius);background-color:var(--color-slt-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-slt-font);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);font-variant:var(--font-variant);letter-spacing:var(--letter-space);word-spacing:var(--word-space);text-transform:var(--text-tran);text-underline-offset:var(--underline-offset);padding:4px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:2px solid var(--color-btn-brd);border-radius:var(--button-radius);background-color:var(--color-btn-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-btn-font, #ffffff);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);font-variant:var(--font-variant);text-decoration:var(--font-dec);text-underline-offset:var(--underline-offset);letter-spacing:var(--letter-space);word-spacing:var(--word-space);text-transform:var(--text-tran);margin:5px;cursor:pointer}input[type=color]{width:5rem;height:3rem;border:2px solid var(--color-btn-brd);margin-bottom:.5rem}input[type=color]{-webkit-appearance:none;appearance:none;inline-size:5rem;block-size:3rem;padding:0;border:3px solid var(--color-btn-brd);box-shadow:0 0 var(--shadow-size) var(--color-shadow);border-radius:.5rem;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:.3rem}input[type=color]::-moz-color-swatch{border:none;border-radius:.5rem}input[type=range]{appearance:none;-webkit-appearance:none;width:150px;height:6px;background:var(--color-slid-track);border-radius:5px;margin-top:2rem;outline:none}input[type=range]::-moz-range-track{background:var(--color-slid-track);height:6px;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:32px;background:var(--color-slid-thumb);outline:2px solid var(--color-slid-outline);box-shadow:0 0 var(--shadow-size) var(--color-shadow);border-radius:5px;cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:16px;height:32px;background:var(--color-slid-thumb);outline:2px solid var(--color-slid-outline);box-shadow:0 0 var(--shadow-size) var(--color-shadow);border-radius:5px;cursor:pointer;border:none}input[type=range]::-ms-thumb{width:16px;height:32px;background:var(--color-slid-thumb);outline:2px solid var(--color-slid-outline);border-radius:5px;box-shadow:0 0 var(--shadow-size) var(--color-shadow);cursor:pointer;border:none}input[type=range]:focus::-webkit-slider-thumb{outline:var(--focus-size) var(--focus-style) var(--color-focus);outline-offset:2px}input[type=range]:focus::-moz-range-thumb{outline:var(--focus-size) var(--focus-style) var(--color-focus);outline-offset:2px}input[type=range]:focus::-ms-thumb{outline:var(--focus-size) var(--focus-style) var(--color-focus);outline-offset:2px}.tt-left:after{left:0!important;right:auto!important;transform:translateY(-8px)!important}.tt-right:after{left:auto!important;right:0!important;transform:translateY(-8px)!important}.tt-center:after{left:50%!important;right:auto!important;transform:translate(-50%) translateY(-8px)!important}[data-tooltips=on] button[data-title],[data-tooltips=on] .select-div[data-title],[data-tooltips=on] .range-wrapper[data-title],[data-tooltips=on] [data-title]{position:relative}[data-tooltips=on] button[data-title]:after,[data-tooltips=on] .select-div[data-title]:after,[data-tooltips=on] .range-wrapper[data-title]:after,[data-tooltips=on] [data-title]:after{content:attr(data-title);position:absolute;bottom:100%;left:50%;right:auto;transform:translate(-50%) translateY(-8px);width:max-content;max-width:min(28rem,90vw);white-space:normal;overflow-wrap:anywhere;border:1px solid var(--color-title-brd);background:var(--color-title-fill);color:var(--color-title-font);padding:4px 8px;border-radius:var(--border-radius);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:1000}[data-tooltips=on] button[data-title]:hover:after,[data-tooltips=on] button[data-title]:focus-visible:after,[data-tooltips=on] .select-div[data-title]:hover:after,[data-tooltips=on] .select-div[data-title]:focus-within:after,[data-tooltips=on] .range-wrapper[data-title]:hover:after,[data-tooltips=on] .range-wrapper[data-title]:focus-within:after,[data-tooltips=on] [data-title]:hover:after,[data-tooltips=on] [data-title]:focus-within:after{opacity:1;visibility:visible}.pro-gate{position:relative}.pro-gate__content{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4}.pro-gate__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.pro-gate__card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem;text-align:center;box-shadow:0 4px 24px #00000040}.pro-gate__title{font-weight:700;font-size:1rem;margin:0}.pro-gate__desc{font-size:.85rem;opacity:.7;margin:0}.agent-locked-icon{font-size:3rem;display:block;margin-bottom:.5rem}.agent-locked-note{font-style:italic;opacity:.75}.a11y-modal-root .am-backdrop{position:fixed;inset:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;z-index:9999}.a11y-modal-root .am-dialog{background-color:var(--color-pop-fill);color:var(--color-pop-font);border:var(--border-thickness) solid var(--color-pop-brd);max-width:28rem;width:calc(100% - 2rem);border-radius:var(--border-radius);box-shadow:0 10px 30px var(--color-shadow);display:flex;flex-direction:column;outline:none}.a11y-modal-root .am-header{padding:1rem 1.25rem;font-weight:600;background-color:var(--color-pop-fill)}.a11y-modal-root .am-body{padding:1rem 1.25rem;background-color:var(--color-pop-fill)}.a11y-modal-root .am-footer{padding:1rem 1.25rem;display:flex;gap:.5rem;justify-content:flex-end;background-color:var(--color-pop-fill)}.a11y-modal-root .am-input{width:50%;font-size:var(--font-size);margin-left:1rem;margin-top:1rem;border:2px solid var(--color-slt-brd);border-radius:var(--select-radius);background-color:var(--color-slt-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-slt-font)}.a11y-modal-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.a11y-modal-root .am-dialog.transport-ml{width:calc(100% - 2rem);max-width:60%;max-height:90%;overflow-x:auto;box-sizing:border-box;flex:0 0 auto}#color-controls{overflow:auto;width:60vw;height:80vh;padding:1rem;border:var(--border-thickness) solid var(--color-pop-brd);border-radius:var(--border-radius);background-color:var(--color-pop-fill);margin-bottom:1rem}#color-controls label{margin-bottom:0}#color-controls select,#color-controls input[type=color]{align-self:start}#color-controls input[type=color]{width:5rem;height:3rem;margin-top:0;-webkit-appearance:none;appearance:none;inline-size:5rem;block-size:3rem;padding:0;border:3px solid var(--color-btn-brd);box-shadow:0 0 var(--shadow-size) var(--color-shadow);border-radius:.5rem;cursor:pointer}#color-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}#color-controls input[type=color]::-webkit-color-swatch{border:none;border-radius:.3rem}#color-controls input[type=color]::-moz-color-swatch{border:none;border-radius:.5rem}#color-controls .opacity-container{display:flex;flex-direction:row;gap:1rem}#color-controls .opacity-container input[type=range]{margin-top:.8rem}.modal{position:fixed;inset:0;display:none;z-index:9999}.modal[hidden]{display:none}.modal [hidden],[hidden]{display:none!important}.modal:not([hidden]){display:grid;place-items:center}.modal__backdrop{position:absolute;inset:0;background:#00000080}.modal__panel{position:relative;z-index:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;margin-top:60px}.modal-content{position:relative;background:var(--color-bg);border:var(--border-thickness) solid var(--color-border);border-radius:var(--border-radius);max-width:90vw;max-height:80vh;overflow-y:auto;padding:0;box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--color-shadow)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 4.25rem 1rem 1rem;border-bottom:var(--border-thickness) solid var(--color-border)}.modal-header h2{margin:0}.modal__close{position:absolute;top:.75rem;right:.75rem;padding:.5rem}.modal__close svg{display:block}.modal-body{padding:1rem;display:grid;gap:1rem}.modal-body details{margin:0}.modal-body summary{margin:0}.midi-routing-modal{width:min(760px,calc(100vw - 2rem))}.midi-routing-body{gap:1rem}.midi-routing-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.midi-routing-toolbar .secondary-button{display:inline-flex;align-items:center;gap:.4rem;margin:0}.midi-routing-status{margin:0;color:var(--color-text);opacity:.8}.random-source-modal{width:min(680px,calc(100vw - 2rem))}.random-source-body{gap:1rem}.random-source-grid{display:grid;gap:.8rem}.random-source-field{display:grid;gap:.35rem;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-text)}.random-source-field>span{display:inline;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-text);font-weight:700}.random-source-field input,.midi-export-modal{width:min(560px,calc(100vw - 2rem))}.midi-export-body{gap:1rem}.midi-export-intro{margin:0}.midi-export-options{display:grid;gap:.75rem;margin:0;padding:0;border:0}.midi-export-option{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:.85rem .9rem;border:var(--border-thickness) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-panel)}.midi-export-option input{margin-top:.2rem}.midi-export-option>span{display:grid;gap:.2rem}.midi-export-option strong{font-weight:700}.midi-export-footer{justify-content:flex-end}.random-source-field input,.random-source-field select{width:100%;min-width:0}.random-source-keyword-list{display:flex;flex-wrap:wrap;gap:.4rem}.random-source-keyword-chip{margin:0;padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.random-source-keyword-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.random-source-keyword-entry button{margin:0}.random-source-actions{margin-top:.25rem}.shortcut-modal{width:min(1100px,calc(100vw - 2rem))}.shortcut-modal-body{gap:.9rem}.shortcut-modal-copy{margin:0}.shortcut-table-wrap{overflow:auto;border:var(--border-thickness) solid var(--color-border);border-radius:var(--select-radius)}.shortcut-table{width:100%;border-collapse:collapse;min-width:820px}.shortcut-table th,.shortcut-table td{padding:.75rem;border-bottom:var(--border-thickness) solid var(--color-border);text-align:left;vertical-align:top}.shortcut-table thead th{position:sticky;top:0;z-index:1;background:var(--color-bg)}.shortcut-category-row th{background:color-mix(in srgb,var(--color-bg) 82%,var(--color-btn-fill) 18%);font-size:.95rem}.shortcut-capture-btn,.shortcut-reset-btn,.shortcut-reset-all-btn{margin:0}.shortcut-capture-btn{min-width:10.5rem;text-align:center}.shortcut-capture-btn.is-capturing{border-color:var(--color-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus) 35%,transparent)}.shortcut-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.shortcut-modal-hint{opacity:.8}.shortcut-modal-status{min-height:1.5rem;padding:0 1rem 1rem}@media(min-width:640px){.random-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.random-source-field--wide{grid-column:1 / -1}}.midi-routing-row{display:grid;gap:.75rem;padding:1rem;border:2px solid var(--color-border);border-radius:var(--select-radius)}.midi-routing-row h3{margin:0}.midi-routing-field{display:grid;grid-template-columns:minmax(8rem,.45fr) 1fr;align-items:center;gap:.75rem;width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.midi-routing-field span{width:auto;border:0;background:transparent;box-shadow:none;padding:0}.midi-routing-field select{width:100%;margin:0}.midi-routing-test-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.midi-routing-test-actions .secondary-button{margin:0}@media(max-width:640px){.midi-routing-field{grid-template-columns:1fr}}.login-modal{max-width:400px}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;gap:.35rem}.login-form input{padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.login-form__error{color:#f87171;margin:0}.login-form__submit{margin-top:.25rem}.guide-section{margin-bottom:1.5rem}.guide-section h3{margin-top:0;margin-bottom:.5rem;color:var(--color-text)}.guide-section p{margin:.5rem 0}.modal-content:focus{outline:var(--focus-size) var(--focus-style) var(--color-focus);outline-offset:2px}.scale-reference-modal{width:min(720px,calc(100% - 2rem))}.tempo-prompt-modal{width:min(420px,calc(100% - 2rem))}.tempo-bpm-input{width:100%;padding:.7rem;border:2px solid var(--color-slt-brd);border-radius:var(--select-radius);background:var(--color-slt-fill);color:var(--color-slt-font);font:inherit}.tempo-edit-btn{margin-left:.5rem;padding:.1rem .45rem;cursor:pointer}.tempo-error{margin:.4rem 0 0;color:#c0392b}.scale-reference-body{gap:1.25rem}.scale-reference-intro{margin:0}.reference-controls{display:grid;gap:1rem}.reference-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;justify-content:flex-start}.reference-actions button{min-width:8.5rem}.reference-controls label{display:grid;gap:.45rem;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.reference-controls select{width:100%;margin:0}.reference-label-text{display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-weight:700}.reference-result{border:1px solid var(--color-border);border-radius:.9rem;padding:1rem;background:var(--color-bg)}.reference-result h3{margin:0 0 1rem}.reference-meta{display:grid;gap:1rem}.reference-meta strong{display:block;margin-bottom:.45rem}.reference-meta p{margin:0}.reference-note-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.reference-note-list li{min-width:2.5rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);text-align:center}@media(min-width:700px){.reference-controls,.reference-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-actions{grid-column:1 / -1;justify-content:flex-end}}.fingerprint-modal{width:min(720px,calc(100vw - 2rem))}.fingerprint-modal-body{gap:1rem}.fingerprint-modal-copy{margin:0;color:var(--color-text);opacity:.86}.fingerprint-control-grid{display:grid;gap:1rem}.fingerprint-control-row{display:grid;gap:.45rem;margin:0}.fingerprint-control-label{font-weight:700}.fingerprint-control-description{color:var(--color-text);opacity:.8;font-size:.95em}.fingerprint-modal-toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.adjustment-strip{border:var(--border-thickness) solid var(--color-border);border-radius:.8rem;padding:.7rem;margin-top:1rem;display:flex;flex-direction:column;gap:.7rem;background:var(--color-bg)}.adjustment-strip--locked{display:inline-flex;flex-direction:row;align-items:center;gap:.45rem;opacity:.75}.adjustment-strip--inactive{opacity:.6}.adjustment-sections{display:grid;gap:.65rem;width:100%}.adjustment-section{border:var(--border-thickness) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);padding:.35rem}.adjustment-section-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.4rem;box-sizing:border-box;padding:.35rem .55rem;border-radius:.45rem;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-weight:700;list-style:none;line-height:1;-webkit-user-select:none;user-select:none}.adjustment-section-summary::marker{content:""}.adjustment-section-summary::-webkit-details-marker{display:none}.adjustment-section-summary:focus-visible{outline:2px solid var(--color-border);outline-offset:2px}.adjustment-section-summary:after{content:"+";display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border:1px solid var(--color-border);border-radius:.35rem;font-weight:700;line-height:1;flex:0 0 auto}.adjustment-section[open] .adjustment-section-summary:after{content:"−"}.adjustment-section>.adjustment-controls{margin-top:.75rem}.adjustment-controls{--adjustment-control-width: 9rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--adjustment-control-width)),1fr));align-items:start;gap:.9rem 1rem;width:100%}.adjustment-control{display:grid;grid-template-rows:minmax(3.4em,auto) auto minmax(2.3em,auto);gap:.4rem;justify-items:stretch;align-content:center;min-width:0}.adjustment-label{display:flex;align-items:flex-start;width:100%;box-sizing:border-box;background:var(--color-slt-fill)}.adjustment-value{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:2.3rem;padding:.35rem .55rem;border-radius:.45rem;background:var(--color-slt-fill);line-height:1;font-weight:600}.adjustment-control input[type=range]{width:80%;max-width:100%;margin-top:1.35rem;margin-bottom:1.35rem;margin-left:10%;min-width:0}.adjustment-select{width:100%;max-width:100%;background:var(--color-slt-fill);color:var(--color-text);border:1px solid var(--color-border);border-radius:.45rem;padding:.35rem .55rem;min-height:2.9rem;margin-top:0;min-width:0}.adjustment-stepper{display:flex;width:100%;align-items:center;gap:.5rem}.adjustment-stepper button{min-width:2.4rem;height:2.4rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--color-bg);color:var(--color-text);padding:0;flex:0 0 auto}.adjustment-stepper .adjustment-value{flex:1 1 auto;width:auto;min-width:0;justify-content:center}.adjustment-reset{align-self:flex-end;border:1px solid var(--color-border);border-radius:.55rem;background:transparent;color:var(--color-text);padding:.3rem .7rem}.adjustment-strip--floating{position:fixed;z-index:9999;resize:both;overflow:auto;min-width:400px;max-width:98vw;min-height:200px;max-height:90vh;box-shadow:0 8px 40px #0000008c}.adjustment-strip-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.35rem}.adjustment-strip--floating .adjustment-strip-header{justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;padding-bottom:.35rem;border-bottom:1px solid var(--color-border);margin-bottom:.6rem}.adjustment-strip--floating .adjustment-strip-header:active{cursor:grabbing}.adjustment-strip-title{font-weight:600;opacity:.75;pointer-events:none}.adjustment-detach-btn,.adjustment-dock-btn{display:flex;align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:.35rem;color:var(--color-text);padding:.2rem .35rem;cursor:pointer;opacity:.6;transition:opacity .15s}.adjustment-detach-btn:hover,.adjustment-dock-btn:hover{opacity:1}.musical-context-panel{position:relative}.musical-context-header{display:flex;justify-content:space-between;width:100%;align-items:center;gap:.75rem;padding:10px;border:1px solid var(--color-border);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none}.musical-context-header-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.musical-context-title{margin:0}.pro-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--color-border);padding:.12rem .5rem;font-weight:700}.musical-context-summary,.accordion-chevron{opacity:.75}.musical-context-body{position:relative;margin-top:1rem;display:grid;gap:.45rem}.context-lock-overlay{position:absolute;inset:0;z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:color-mix(in srgb,var(--color-bg) 84%,transparent);border:1px dashed var(--color-border);border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.context-label{margin:0;font-weight:600;display:flex;flex-direction:column;gap:.15rem;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-text)}.context-select+.context-label,.context-chip-list+.context-label,.context-keyword-area+.context-label{margin-top:.55rem}.context-label-hint{opacity:.75;font-weight:400;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}.context-chip-list{display:flex;flex-wrap:wrap;gap:.45rem}.context-chip{border:1px solid var(--color-btn-brd);border-radius:var(--border-radius);padding:.28rem .66rem;background:var(--color-btn-fill);color:var(--color-btn-font)}button.context-chip{cursor:pointer}.context-chip--active{border:4px solid var(--color-focus);outline-offset:1px;color:var(--color-btn-font)}.context-keyword-area{display:grid;gap:.45rem}.context-combobox-wrapper{position:relative}.context-keyword-suggestions{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;list-style:none;margin:.25rem 0 0;padding:.35rem 0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.65rem;z-index:20;box-shadow:0 4px 12px #00000040}.context-keyword-group-header{padding:.3rem .65rem .15rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);opacity:.5}.context-keyword-category{margin-top:0}.context-keyword-category-label{margin:0 0 .25rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);opacity:.55}.context-keyword-suggestion{padding:.35rem .65rem;cursor:pointer;color:var(--color-text)}.context-keyword-suggestion:hover,.context-keyword-suggestion--active{background:var(--color-list-fill)}.context-chip--keyword{display:inline-flex;align-items:center;gap:.35rem}.context-chip-remove{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.context-clear-btn{justify-self:start;border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:.6rem;padding:.4rem .75rem}.pr-panel{overflow:hidden;min-width:0;width:100%}.pr-panel.fullscreen-panel,.pr-panel.fullscreen-viewport{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:10000;background:var(--color-bg, #181825);box-shadow:0 0 0 9999px #00000080;display:flex;flex-direction:column}.pr-panel.fullscreen-viewport .pr-header,.pr-panel.fullscreen-viewport .pr-controls,.pr-panel.fullscreen-viewport .pr-arrangement-panel,.pr-panel.fullscreen-viewport .pr-transport-bar{display:none!important}.pr-panel.fullscreen-viewport .pr-viewport{flex:1 1 100%;height:100%!important;min-height:0!important}.pr-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.pr-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.pr-zoom-wrap{display:flex;align-items:center;gap:.4rem}.pr-label{border:none;background:none;box-shadow:none;border-radius:0;padding:0;color:var(--color-text)}.pr-preset-label{margin-left:.5rem}.pr-transport-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.45rem .75rem;margin-bottom:.65rem;background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border);border-radius:.5rem}.pr-source-panel,.pr-arrangement-panel{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.45rem .75rem;margin-top:.65rem;background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border);border-radius:.5rem}.pr-arrangement-panel-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.pr-arrangement-btn{min-width:8.5rem}.pr-arrangement-mode{display:inline-flex;border:1px solid var(--color-border);border-radius:.35rem;overflow:hidden}.pr-arrangement-mode-btn{border:0;border-right:1px solid var(--color-border);background:#0000008c;color:var(--color-text);padding:.35rem .65rem;font:inherit;cursor:pointer}.pr-arrangement-mode-btn:last-child{border-right:0}.pr-arrangement-mode-btn.is-active{background:var(--color-text);color:var(--color-bg)}.pr-arrangement-mode-btn:disabled{opacity:.45;cursor:not-allowed}.pr-rendered-status{color:var(--color-text);opacity:.75;flex:1 1 18rem;min-width:12rem;text-align:center}.pr-source-panel-title{display:flex;align-items:center;gap:.3rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.pr-source-panel-lock{opacity:.55;flex-shrink:0}.pr-source-panel-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.pr-source-panel-divider{width:1px;height:1.4rem;background:var(--color-border);flex-shrink:0}.pr-reference-btn.is-active,.transport-loop-toggle.is-active{background:#38bdf82e;border-color:#38bdf899}.pr-reference-control-group{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.pr-reference-label{color:var(--color-text);white-space:nowrap}.pr-reference-volume-label{color:var(--color-text);font-variant-numeric:tabular-nums;min-width:2.8rem;text-align:right}.pr-reference-select{width:auto;padding:4px;cursor:pointer}.pr-reference-select:hover:not(:disabled){background:var(--color-input-bg-hover, rgba(255, 255, 255, .08));border-color:var(--color-border-hover, rgba(255, 255, 255, .25))}.pr-reference-select:disabled{opacity:.5;cursor:not-allowed}.pr-reference-slider{align-self:center;accent-color:rgba(56,189,248,.7);cursor:pointer;margin-bottom:30px}.pr-reference-slider:disabled{opacity:.5;cursor:not-allowed}.pr-playback-modal{width:min(720px,calc(100vw - 2rem))}.pr-playback-modal-body{gap:1rem}.pr-playback-modal-section{display:grid;gap:.85rem}.pr-playback-modal-section+.pr-playback-modal-section{border-top:1px solid var(--color-border);padding-top:1rem}.pr-playback-modal-section-header{display:flex;align-items:center;gap:.35rem}.pr-playback-modal-section-header h3{margin:0;font-size:1rem}.pr-playback-modal-section-controls{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap}.transport-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.transport-divider{width:1px;height:1.4rem;background:var(--color-border);flex-shrink:0}.transport-readout{font-variant-numeric:tabular-nums;color:var(--color-text);min-width:3.5rem;text-align:center}.transport-bpm{min-width:4.5rem}.transport-midi-clock{min-width:7rem}.transport-loop-range{display:flex;align-items:center;gap:.3rem;margin:0;padding:0;flex-wrap:nowrap}.transport-loop-move{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.transport-loop-move-btn{min-width:4.8rem}.transport-timeline-section{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.transport-roll-length,.transport-extend-btn{min-width:5.5rem}.transport-range-label{color:var(--color-text);margin-right:.15rem;white-space:nowrap;flex:0 0 auto}.pr-viewport{overflow:auto;height:420px;width:100%;border:1px solid var(--color-border);border-radius:.5rem;position:relative;overflow-anchor:none}.pr-inner{display:grid;width:max-content}.pr-corner{position:sticky;top:0;left:0;z-index:5}.pr-timeline{position:sticky;top:0;z-index:4;display:block}.pr-keys{position:sticky;left:0;z-index:3;display:block}.pr-keys-dom{display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.35);overflow:hidden}.pr-key-row{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;padding-right:4px;border-bottom:1px solid rgba(0,0,0,.25);box-sizing:border-box;overflow:hidden}.pr-key-row-white{background-color:var( --color-pr-key-white-row, var(--color-pr-key-white, #e8e8e8) )}.pr-key-row-black{background-color:var( --color-pr-key-black-row, var(--color-pr-key-black, #1a1a1a) )}.pr-key-row-white .pr-key-text{color:var( --color-pr-key-label-on-white, var(--color-pr-key-white-label, rgba(22, 24, 28, .78)) )}.pr-key-row-black .pr-key-text{color:var( --color-pr-key-label-on-black, var(--color-pr-key-black-label, rgba(236, 239, 244, .9)) )}.pr-key-text{border:none;background:none;box-shadow:none;padding:0;border-radius:0;font-family:var(--font-family);font-weight:700;line-height:1}.pr-roll-wrap{overflow:hidden}.pr-roll-wrap:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.pr-playhead{position:absolute;top:0;left:0;width:var(--pr-playhead-width, 2px);background:var(--color-pr-playhead, rgba(255, 70, 70, .9));pointer-events:none;z-index:3;will-change:transform}.pr-loop-ghost{position:absolute;top:0;box-sizing:border-box;pointer-events:none;background:var(--color-pr-loop-area, rgba(56, 189, 248, .14));border-left:var(--pr-loop-width, 2px) solid var(--color-pr-loop-start, rgba(56, 189, 248, .58));border-right:var(--pr-loop-width, 2px) solid var(--color-pr-loop-end, rgba(56, 189, 248, .58))}.pr-loop-ghost-timeline{grid-column:2;grid-row:1;z-index:3}.pr-loop-ghost-roll{z-index:2}.pr-zoom-wrap input[type=range]{width:80px;padding:0;margin:0;border:none;cursor:pointer}.generator-select-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.generator-select-control{display:flex;align-items:center;gap:.6rem}.generator-select-label{padding:5px;margin:5px;width:auto;white-space:nowrap;flex-shrink:0}.generator-select{width:auto;min-width:12rem;margin:0}.midi-routing-button{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.45rem .7rem;white-space:nowrap}.midi-routing-button--locked,.midi-routing-button:disabled{cursor:not-allowed;opacity:.58}.scaffold-panel{margin-bottom:1.25rem}.scaffold-intro{margin:0 0 .9rem}.scaffold-candidates{display:grid;gap:.9rem;grid-template-columns:1fr;margin-top:1rem}@media(min-width:860px){.scaffold-candidates{grid-template-columns:repeat(3,1fr)}}.scaffold-candidate{display:grid;gap:.6rem;padding:.9rem;border-radius:var(--select-radius);border:2px solid var(--color-slt-brd);background:var(--color-slt-fill);transition:border-color .15s}.scaffold-candidate--selected{border-color:var(--color-active, #6c63ff);background:color-mix(in srgb,var(--color-active, #6c63ff) 8%,var(--color-slt-fill))}.scaffold-candidate-header{display:flex;align-items:center;gap:.5rem}.scaffold-variant-label{font-weight:700;flex:1}.scaffold-variant-stack{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:.35rem}.scaffold-candidate-desc{margin:0;color:var(--color-text);opacity:1}.gc-variation-row{display:flex;flex-direction:column;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.gc-variation-select{width:100%;margin:0;padding:3px 4px}.scaffold-progression-list{display:grid;gap:.2rem}.scaffold-progression-list span{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.scaffold-progression-row{--slot-color: var(--color-active, #6c63ff);display:grid;grid-template-columns:minmax(0,1fr) 4.75rem;align-items:baseline;gap:.75rem;min-height:2rem;padding:.25rem 0 .25rem .55rem;border-left:4px solid var(--slot-color);border-bottom:1px solid color-mix(in srgb,var(--color-slt-brd) 55%,transparent)}.scaffold-progression-chord{color:var(--color-text);font-weight:800;min-width:0;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.scaffold-progression-degree{color:var(--color-text);font-weight:700;opacity:.65;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.scaffold-progression-row{grid-template-columns:minmax(0,1fr) 4.25rem}}.scaffold-controls{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.scaffold-control-label{display:flex;align-items:center;gap:.45rem;margin:0;padding:0;border:none;border-radius:0;background:none;box-shadow:none;width:auto}.scaffold-control-label select{margin:0;padding:.25rem .5rem}.scaffold-timeline{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden}.scaffold-timeline-bar{flex:1;border-radius:2px;opacity:.7;cursor:default;transition:opacity .1s;min-width:2px}.scaffold-timeline-bar:hover{opacity:1}.melody-panel .melody-intro{margin-bottom:.75rem}.melody-summary{display:flex;align-items:center;gap:.6rem;margin-top:.75rem}.melody-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#34d399d9;flex-shrink:0}.breakdown-section-stats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.breakdown-section-badge--bd{background:#8b5cf626;color:var(--color-text)!important}.breakdown-section-badge--pause{background:#eab30826;color:var(--color-text)!important}.breakdown-section-badge--drop{background:#ef444426;color:var(--color-text)!important}.breakdown-note-count{color:var(--color-text);letter-spacing:.02em}.articulation-technique-list{margin:.1rem 0 0;color:var(--color-text);opacity:.7;letter-spacing:.03em}.drums-instrument-list{margin:.25rem 0 0;color:var(--color-text);letter-spacing:.02em}.piano-panel .piano-intro{margin-bottom:.75rem}.piano-hand-stats{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem .75rem;margin-top:.5rem}.piano-hand-label{padding:.1em .5em;border-radius:4px;background:#93c5fd33;color:var(--color-text);font-weight:700;letter-spacing:.05em}.piano-hand-label--rh{background:#d8b4fe33;color:var(--color-text)}.melody-range-label{color:var(--color-text)}.melody-range-label-row{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.melody-range-label-row .melody-range-label{margin:0}.generator-card-tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.generator-card-tag{border:1px solid var(--color-slt-brd);border-radius:999px;background:color-mix(in srgb,var(--color-slt-fill) 82%,white 18%);box-shadow:none;color:var(--color-text);font-weight:600;padding:.18rem .55rem}.guitar-strum-stats{margin-top:.5rem}.strings-voice-stats{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .6rem;margin-top:.5rem}.strings-voice-label{padding:.1em .5em;border-radius:4px;font-weight:700;text-align:center;color:var(--color-text)}.strings-voice-label--vln1{background:#fca5a52e}.strings-voice-label--vln2{background:#fdba742e}.strings-voice-label--vla{background:#fde04726}.strings-voice-label--vc{background:#5eead426}.strings-voice-range{color:var(--color-text)}.horns-voice-stats{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .6rem;margin-top:.5rem}.horns-voice-label{padding:.1em .5em;border-radius:4px;font-weight:700;text-align:center;color:var(--color-text)}.horns-voice-label--tpt{background:#fde0472e}.horns-voice-label--asax{background:#fb923c2e}.horns-voice-label--tbn{background:#93c5fd2e}.horns-voice-label--bsax{background:#c084fc2e}.horns-voice-range{color:var(--color-text)}.related-scales-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:.85rem}.related-scales-header h4{margin:0 0 .35rem}.related-scales-intro{margin:0;opacity:.8;font-size:.95rem}.related-group{border:1px solid rgba(255,255,255,.22);border-radius:14px;overflow:hidden;background:#ffffff08}.related-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.related-group-toggle:hover{background:#ffffff0a}.related-group-title-wrap{display:flex;align-items:center;gap:.65rem;min-width:0}.related-group-title{font-weight:700}.related-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:.85rem;line-height:1;opacity:.9}.related-group-chevron{flex-shrink:0;transform:rotate(-90deg);transition:transform .18s ease}.related-group-chevron.open{transform:rotate(0)}.related-group-panel{padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.12)}.related-group-description{margin:.8rem 0 .9rem;font-size:.94rem;line-height:1.4;opacity:.8}.related-empty{margin:.5rem 0 0;opacity:.7}.related-scale-grid{display:flex;flex-wrap:wrap;gap:.7rem}.related-scale-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:150px;max-width:100%;padding:.7rem .85rem;border:1.5px solid rgba(255,255,255,.8);border-radius:12px;background:#00000047;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.related-scale-chip:hover{transform:translateY(-1px);background:#ffffff0f}.related-scale-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}.related-scale-chip.active{background:#fff;color:#111}.related-scale-chip-label{font-weight:700;line-height:1.2;word-break:break-word}.related-scale-chip-meta{font-size:.82rem;opacity:.75}.related-group-footer{margin-top:.85rem}.related-show-more{padding:.55rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.45);background:transparent;color:inherit;font:inherit;cursor:pointer}.related-show-more:hover{background:#ffffff0d}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Regular-BYPPzoxP.otf) format("opentype")}@font-face{font-family:Alien;src:url(/assets/antar.regular-H1Mxq1qU.ttf) format("opentype")}.antar{font-family:Alien,sans-serif;color:var(--color-text)}.phrasis-title{font-family:Alien,sans-serif}:focus-visible{outline:var(--focus-size) var(--focus-style) var(--color-focus);outline-offset:2px}body.site-overlay-open{overflow:hidden}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:2001;padding:.75rem 1rem;border:2px solid var(--color-btn-brd);border-radius:var(--button-radius);background:var(--color-btn-fill);color:var(--color-btn-font);font-weight:700;text-decoration:none}.skip-link:focus-visible{top:1rem}:root{--focus-size: 2px;--focus-style: solid;--color-focus: #6c63ff;--color-bg: #fff;--color-text: #222;--color-border: #e0e0e0;--font-family: Arial, sans-serif;--font-size: 16px;--font-weight: 400;--font-style: normal;--font-variant: normal;--font-dec: none;--underline-offset: 2px;--letter-space: .01em;--word-space: .02em;--line-space: 1.5;--text-tran: none;--border-thickness: 1px;--label-radius: .5rem;--color-lbl-brd: #ccc;--color-lbl-fill: #f9f9f9;--color-lbl-font: #333;--shadow-size: 2px;--color-shadow: #eee;--color-slt-brd: #bbb;--color-slt-fill: #f5f5f5;--color-slt-font: #222;--button-radius: .5rem;--color-btn-brd: #6c63ff;--color-btn-fill: #6c63ff;--color-btn-font: #fff;--select-radius: .5rem;--color-active: #6c63ff;--color-pr-key-white: #ffffff;--color-pr-key-black: #dce9ff;--color-pr-key-label: #000000;--color-pr-key-white-row: #ffffff;--color-pr-key-black-row: #dce9ff;--color-pr-key-white-label: #000000;--color-pr-key-black-label: #111111;--color-pr-row-white: #ffffff;--color-pr-row-black: #dce9ff;--color-pr-grid-major: #00000033;--color-pr-grid-minor: #00000018;--color-pr-bar-label: #00000099;--color-pr-ruler-ticks: #000000;--color-pr-playhead: #ff0000;--pr-playhead-width: 2px;--color-pr-ghost: #94a3b82e;--color-pr-loop-start: #000000;--color-pr-loop-end: #000000;--color-pr-loop-area: #3838381f;--pr-loop-width: 2px;--pr-grid-row-thickness: 1px;--pr-grid-tick-line: 1px;--pr-grid-beat-thickness: 2px;--pr-grid-bar-thickness: 3px;--color-pr-note-white: #558fec;--color-pr-note-black: #4778c9;--color-pr-note-border: #000000;--color-pr-note-font: #111111;--color-pr-note-name-border: #000000;--color-pr-note-name-fill: #ffffff;--color-pr-note-name-font: #111111;--color-pr-note-highlight: #3838381f;--color-pr-note-highlight-midi: #3838381f;--color-pr-accidental-lane: #dce9ff;--pr-note-font-size: 20px;--color-pr-note-marked: #ffff00;--color-pr-note-focus: #ff0000;--color-pr-lasso-outline: #000000;--color-pr-lasso-fill: #3838381f;--sr-playhead-order: Time, note, chord;--sr-playhead-velocity: Off;--sr-note-focus-order: Pitch, time;--text-muted: #888;--site-header-height: 5.25rem;--app-switcher-height: var(--site-header-height);--app-switcher-inner-gap: .75rem;--grad-rotate: 135deg;--color-grad-1: #444;--color-grad-2: #888;--color-grad-3: #222;--grad-font: #fff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100vw;overflow-x:hidden}body{font-family:Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);font-variant:var(--font-variant);text-decoration:var(--font-dec);text-underline-offset:var(--underline-offset);letter-spacing:var(--letter-space);word-spacing:var(--word-space);line-height:var(--line-space, 1.5);text-transform:var(--text-tran)}body.gradient,body.gradient [data-gradient-target].gradient{background:linear-gradient(var(--grad-rotate),var(--color-grad-1),var(--color-grad-2),var(--color-grad-3));color:var(--grad-font)}p{line-height:inherit}.top-controls{width:min(1200px,calc(100% - 2rem));margin:calc(var(--app-switcher-height) + .5rem) auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}#top-controls-react{display:contents}.app-shell{min-height:100vh}.app-shell--with-switcher{padding:0}.app-switcher{position:fixed;inset:0 0 auto;z-index:1100;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:var(--app-switcher-height);padding:.1rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.app-switcher__center{display:flex;align-items:center;gap:.75rem;justify-content:center;flex:1 1 auto;min-width:0}.app-switcher h1{margin:0;min-width:0;font-size:clamp(1.75rem,4vw,3rem);line-height:1;text-align:center}body.gradient .app-switcher{background:linear-gradient(var(--grad-rotate),var(--color-grad-1),var(--color-grad-2),var(--color-grad-3));color:var(--grad-font)}.app-switcher button{margin:0}.app-switcher__button--locked{opacity:.65}.app-switcher__menu-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.site-menu{position:fixed;inset:0;z-index:1400}.site-menu[hidden]{display:none}.site-menu__backdrop{position:absolute;inset:0;background:#0b101c73}.site-menu__panel{position:relative;z-index:1;width:min(24rem,calc(100vw - 1rem));min-height:100dvh;margin-left:auto;padding:1.25rem;border-left:2px solid var(--color-slt-brd);background:var(--color-slt-fill);color:var(--color-slt-font);box-shadow:-1rem 0 2rem #0f172a24}.site-menu__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.site-menu__header-copy{display:grid;gap:.4rem}.site-menu__eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;margin:0;padding:.35rem .75rem;border:2px solid var(--color-lbl-brd);border-radius:var(--label-radius);background:var(--color-lbl-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-lbl-font);font-size:.88em;letter-spacing:.08em;text-transform:uppercase}.site-menu__title{margin:0;font-size:1.4rem;line-height:1.2}.site-menu__nav{display:grid;gap:.75rem}.site-menu__nav a{display:block;padding:.8rem .95rem;border:2px solid var(--color-border);border-radius:var(--select-radius);background:#ffffff2e;color:inherit;text-decoration:none}.site-menu__nav a[aria-current=page]{border-color:var(--color-btn-brd);background:var(--color-btn-fill);color:var(--color-btn-font)}.app-content,.app-shell__pane{min-height:calc(100dvh - var(--app-switcher-height))}.app-shell__pane--trackable{padding-top:var(--app-switcher-height);min-height:100dvh}.app-main{min-height:100%;padding:1rem}.app-shell__trackable-frame{display:block;width:100%;height:calc(100dvh - var(--app-switcher-height));min-height:calc(100dvh - var(--app-switcher-height));margin:0;border:none;background:var(--color-bg)}.app-shell__shared-project-panel{width:min(72rem,calc(100vw - 2rem));display:grid;gap:1rem}.app-shell__shared-project-summary,.app-transfer-bar__status{margin:0}.app-shell__shared-project-manager{display:grid;gap:1rem}@media(min-width:900px){.app-shell__shared-project-manager{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start}}.app-shell__shared-project-list,.app-shell__shared-project-editor{display:grid;gap:.75rem;min-height:12rem}.app-shell__shared-project-list-header,.app-shell__shared-project-toolbar,.app-shell__shared-project-inline-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.app-shell__shared-project-list-header{justify-content:space-between}.app-shell__shared-project-list-header h3{margin:0}.app-shell__shared-project-list-body{display:grid;gap:.75rem;max-height:26rem;overflow:auto}.app-shell__project-row{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:.75rem;background:color-mix(in srgb,var(--color-bg) 88%,white 12%)}.app-shell__project-row.is-current{border-color:var(--color-accent)}.app-shell__project-row-main{display:grid;gap:.25rem}.app-shell__project-row-main strong,.app-shell__project-row-main span,.app-shell__shared-project-empty{margin:0}.app-shell__project-row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.app-shell__shared-project-form,.app-shell__shared-project-fields{display:grid;gap:.75rem}.app-shell__shared-project-fields label{display:grid;gap:.35rem;margin:0}.app-shell__shared-project-fields input,.app-shell__shared-project-fields select{width:100%}.app-shell__shared-project-meta,.app-shell__shared-project-error{margin:0}.app-shell__shared-project-error{color:var(--color-accent, #b00020)}.app-shell__shared-project-actions{display:flex;justify-content:flex-end}.app-container{max-width:1200px;margin:0 auto;display:grid;gap:1.5rem}.page-header h1,.page-header h2{margin:0 0 .5rem;text-align:center}.page-header p{margin:0;text-align:center}.two-column{display:grid;gap:1.5rem}@media(min-width:900px){.two-column{grid-template-columns:1.1fr .9fr}}.panel{border:var(--border-thickness) solid var(--color-border);background-color:var(--color-pop-fill, var(--color-bg));color:var(--color-pop-font, var(--color-text));border-radius:1rem;padding:1.25rem}body.gradient .panel{background:linear-gradient(var(--grad-rotate),var(--color-grad-1),var(--color-grad-2),var(--color-grad-3));color:var(--grad-font)}.upload-panel-layout{display:grid;gap:1rem;align-items:start}.upload-panel-primary{min-width:0}.file-name-label{display:inline-block;margin-left:.75rem;vertical-align:middle}.upload-panel-manual{min-width:0}.upload-panel-sidebar{display:grid;gap:.75rem;align-content:start}.song-key-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:#63b37b1f;border:1px solid rgba(99,179,123,.35);border-radius:999px;width:fit-content;max-width:100%;margin-top:.25rem;color:inherit;font:inherit;cursor:pointer;appearance:none}.song-key-chip:hover{border-color:#63b37b8c}.song-key-chip:focus-visible{outline:2px solid rgba(99,179,123,.75);outline-offset:2px}.song-key-chip--overridden{background:#fb923c1a;border-color:#fb923c59}.song-key-chip--overridden:hover{border-color:#fb923c8c}.song-key-chip--overridden:focus-visible{outline-color:#fb923cb3}.song-key-chip__label{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.9rem}.song-key-chip__value{min-width:0}.upload-panel-summary .panel-title{margin-bottom:.75rem}@media(min-width:900px){.upload-panel-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}@media(max-width:700px){:root{--site-header-height: 7.5rem}.app-shell--with-switcher{padding:0}.app-switcher{flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:.5rem;padding-bottom:.75rem}.app-switcher__center{width:100%;justify-content:center;flex-wrap:wrap}.app-switcher h1{flex-basis:100%;order:3}.app-switcher__menu-button{position:static;transform:none}}.panel-title{display:flex;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem}.form-group{margin-bottom:1rem}.panel-section{margin:0;padding:1rem;border:1px solid var(--color-border);border-radius:.9rem}.subheading{padding:0 .4rem;font-weight:700}.checkbox-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.checkbox-row input[type=checkbox]{margin-top:.45rem;flex:0 0 auto}.checkbox-row label{margin-bottom:0}.two-column-compact{display:grid;gap:1rem}@media(min-width:700px){.two-column-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.help-text{margin:.4rem 0 0}.text-muted{color:var(--text-muted)}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.fingerprint-control-button{display:inline-flex;align-items:center;gap:.45rem}.panel .button-row button[data-title^=Download],.panel .button-row button[data-title*="Download the selected"]{display:none}.notice,.error-box{margin-top:1rem;padding:.9rem 1rem;border-radius:.75rem}.notice,.error-box{border:2px solid var(--color-slt-brd);border-radius:var(--select-radius);background-color:var(--color-slt-fill);box-shadow:0 0 var(--shadow-size) var(--color-shadow);color:var(--color-slt-font);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style);font-variant:var(--font-variant);letter-spacing:var(--letter-space);word-spacing:var(--word-space);text-transform:var(--text-tran);text-underline-offset:var(--underline-offset);padding:4px;margin:.6rem;cursor:pointer}.summary-list{display:grid}.collapsible-section summary{cursor:pointer}.details-body{padding-top:1rem}.result-row{display:grid;gap:.2rem}.result-row dd{margin:0}@media(min-width:700px){.result-row{grid-template-columns:180px 1fr;gap:.1rem}}.table-wrap{overflow-x:auto}.table-wrap--scroll{overflow-y:auto;max-height:620px;border:1px solid var(--color-list-brd);color:var(--color-list-font);background-color:var(--color-list-fill);border-radius:.5rem}.table-wrap--scroll thead th{position:sticky;top:0;z-index:1;background-color:var(--color-list-fill);color:var(--color-list-font);box-shadow:inset 0 -1px 0 var(--color-list-brd)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #e2e8f0}th{font-weight:700}tbody tr:nth-child(2n){background-color:var(--color-list-high)}.stack{display:grid;gap:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.copy-success{background:#10b981!important;color:#fff!important;border-color:#059669!important}.bar-chords{margin-bottom:1rem;padding:.5rem;border-left:3px solid var(--color-accent);background-color:var(--color-bg-alt)}.bar-chords h4{margin:0 0 .5rem;font-weight:700}.bar-chords ul{margin:0;padding-left:1rem}.chord-details{display:block;margin-top:.25rem;margin-left:1rem}.summary-list h3{margin:.2rem}.summary-list>div{margin-bottom:.2rem;padding:.75rem;border-radius:.25rem}.summary-list p{margin:.1rem 0}.summary-list ul{margin:.1rem;padding-left:1.5rem}.analysis-section-grid{display:grid;gap:1rem}@media(min-width:780px){.analysis-section-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.analysis-card{padding:1rem;border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-bg)}.analysis-card h3{margin:0 0 .6rem}.analysis-card p{margin:0}.analysis-card--table{margin-top:1rem}.analysis-card--wide{grid-column:1 / -1}.analysis-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.analysis-chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.analysis-chip{border:1px solid var(--color-border);border-radius:999px;padding:.3rem .7rem;background:var(--color-list-fill);color:var(--color-list-font)}.analysis-sequence-strip{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem 0 .1rem;margin-top:.75rem}.analysis-sequence-step{flex:0 0 auto;border:1px solid var(--color-border);border-radius:.7rem;padding:.45rem .8rem;background:var(--color-list-fill);color:var(--color-list-font);font-weight:700;min-width:2.75rem;text-align:center}.analysis-muted{opacity:.72}.analysis-bar-table{max-height:24rem}.analysis-detail-table{max-height:28rem;margin-top:.75rem}.analysis-summary-table{max-height:24rem}.tab-bar{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-bar--generators{flex-wrap:wrap;gap:.375rem}.tab-bar--generators .tab-button{padding:.35rem .9rem}[role=tabpanel]{display:grid;gap:1.5rem}[role=tabpanel][hidden]{display:none}.group{border:var(--border-thickness) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);width:95%}