:root{--pastel-1:#fef6e9;--pastel-2:#ed8a00;--pastel-3:#e6b832;--pastel-4:#cfeee0;--pastel-5:#54c0c7;--pastel-6:#0a8a8f;--pastel-7:#8dd9da;--pastel-8:#b7ebe6;--pastel-9:#fff;--surface-border:1px solid color-mix(in srgb, var(--pastel-6) 24%, #dbeafe);--theme-primary:var(--pastel-6);--theme-primary-hover:color-mix(in srgb, var(--pastel-6) 78%, #0f766e);--theme-accent:var(--pastel-5);--theme-bg:color-mix(in srgb, var(--pastel-9) 90%, var(--pastel-8));--theme-surface:var(--pastel-9);--theme-surface-elevated:#fffffffa;--theme-text:#0f172a;--theme-text-secondary:#155e63;--theme-text-muted:#0f766e;--theme-border:color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);--theme-border-strong:color-mix(in srgb, var(--pastel-6) 36%, #a7f3d0);--theme-focus-ring:0 0 0 2px #0a8a8f24;--theme-shadow-sm:0 8px 16px #0284c71f;--theme-shadow-md:0 8px 16px #0284c71f;--theme-shadow-lg:0 14px 30px #0284c72e;--theme-shadow-popover:var(--theme-shadow-md);--theme-radius-sm:.65rem;--theme-radius-md:.85rem;--theme-radius-lg:1rem;--control-height-compact:32px;--control-height-comfortable:38px;--control-height-touch:44px;--control-height:var(--control-height-comfortable);--words-toolbar-control-height:34px;--control-radius:var(--theme-radius-sm);--words-dropdown-surface-border:var(--labs-popover-border);--words-dropdown-surface-radius:var(--labs-popover-radius);--words-dropdown-surface-bg:var(--labs-popover-bg);--words-dropdown-surface-shadow:var(--labs-popover-shadow);--labs-popover-shadow:0 8px 16px #0284c71f;--labs-popover-border:1px solid color-mix(in srgb, var(--pastel-6) 24%, #dbeafe);--labs-popover-bg:#fffffffa;--labs-control-hover-shadow:0 6px 12px #0a8a8f38;--labs-btn-border:1px solid color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);--labs-btn-bg:color-mix(in srgb, var(--pastel-9) 88%, var(--pastel-8));--labs-btn-fg:#0f766e}body{margin:0;font-family:Roboto,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}html,body,#root{width:100%;min-height:100%}.words-page,.words-page *,.words-page :before,.words-page :after{box-sizing:border-box}.words-page{height:100vh;height:100dvh;min-height:100vh;--content-gutter:16px;--card-inner-pad:16px;width:100%;max-width:100%;min-height:100dvh;padding:0 0 var(--content-gutter);color:#0f172a;--words-slider-track:#0f766e;--words-slider-rail:color-mix(in srgb, var(--pastel-8) 74%, #fff);--words-slider-mark:color-mix(in srgb, var(--pastel-8) 72%, #fff);background:linear-gradient(110deg, color-mix(in srgb, var(--pastel-1) 96%, white), color-mix(in srgb, var(--pastel-4) 14%, white), color-mix(in srgb, var(--pastel-5) 10%, white), color-mix(in srgb, var(--pastel-8) 10%, white), color-mix(in srgb, var(--pastel-3) 8%, white));-moz-column-gap:16px;grid-template-rows:auto auto minmax(0,1fr);gap:8px 16px;font-family:inherit;display:grid;overflow:hidden}@supports (height:100dvh){.words-page{height:100dvh;min-height:100dvh}}.words-main{display:contents}.words-header{height:50px;min-height:50px;max-height:50px;padding:6px calc(var(--content-gutter) + var(--card-inner-pad));box-sizing:border-box;background:0 0;border-bottom:0;justify-content:flex-start;align-items:center;gap:16px;display:flex;overflow:hidden}.words-header h1{color:#0f766e;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px #ffffff8c;margin:0;font-size:1.65rem;font-weight:900}.words-header-undo{margin-left:auto}.words-sticky-controls{z-index:40;margin:0 var(--content-gutter) 0;padding:6px var(--card-inner-pad);box-sizing:border-box;border:var(--surface-border,1px solid #a9d3e3);height:50px;min-height:50px;max-height:50px;box-shadow:none;background:#fffffff2;border-radius:.9rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;transition:border-radius .12s,box-shadow .12s,background-color .12s;display:grid;position:sticky;top:0;overflow:visible}.words-sticky-controls.is-stuck{margin-left:var(--content-gutter);margin-right:var(--content-gutter);padding-left:var(--card-inner-pad);padding-right:var(--card-inner-pad);background:color-mix(in srgb, var(--pastel-9) 94%, var(--pastel-4));border-radius:.9rem;box-shadow:0 10px 22px #0284c729}.words-regenerate-row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;min-height:0;display:flex}.words-controls-label{letter-spacing:.04em;text-transform:uppercase;color:#0f766e;margin-right:2px;font-size:.76rem;font-weight:800}.words-generation-anchor{position:relative}.words-gear-button{justify-content:center;align-items:center;min-width:34px;padding:6px 8px;display:inline-flex}.words-gear-button .material-symbols-outlined{font-size:18px}.words-gear-button.is-open{box-shadow:0 0 0 2px #0a8a8f2e}.words-dropdown-menu{z-index:80;width:min(860px,100vw - 36px);max-height:min(72vh,760px);padding:16px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.words-dropdown-generation{width:min(640px, calc(100vw - (var(--content-gutter) * 2)));max-width:min(640px, calc(100vw - (var(--content-gutter) * 2)));max-height:min(80vh,620px);padding:12px 16px;left:0;right:auto;overflow:hidden auto;transform:none}.words-dropdown-generation .words-dropdown-header{margin-bottom:6px;font-size:.78rem}.words-dropdown-generation .words-dropdown-header strong{font-size:.84rem;font-weight:700}.words-dropdown-generation .words-text-button{font-size:.72rem}.words-dropdown-generation .words-setting-help{width:16px;height:16px}.words-dropdown-generation .words-setting-help .material-symbols-outlined{font-size:14px;line-height:1}.words-dropdown-generation .words-alignment-block{gap:4px}.words-dropdown-generation .words-generation-hint{color:#475569;margin-bottom:4px;font-size:.68rem;line-height:1.4}.words-dropdown-generation .words-gs-heading{font-size:.64rem}.words-dropdown-generation .words-mutation-row{min-height:28px;padding:2px 0;font-size:.72rem}.words-dropdown-generation .words-mutation-checkbox{-webkit-appearance:checkbox;appearance:checkbox;width:16px;height:16px;margin:0}.words-dropdown-generation .words-segmented-toggle button{padding:4px 10px;font-size:.66rem}.words-dropdown-generation .words-alignment-subtoggle{border-left:2px solid color-mix(in srgb, var(--pastel-5) 30%, #bae6fd);margin-top:2px;margin-left:24px;padding-left:8px}.words-dropdown-generation .words-alignment-master-row{align-items:center}.words-dropdown-generation .words-alignment-block+.words-alignment-block{margin-top:2px;padding-top:4px}.words-dropdown-sound{gap:8px;width:min(420px,100vw - 36px);display:grid;right:10px}.words-dropdown-sound .shared-playback-volume-row{padding:2px 0}.words-dropdown-sound .shared-playback-volume-row .MuiSlider-root{color:var(--words-slider-track,#0f766e)}.words-dropdown-sound .shared-playback-volume-row .MuiSlider-thumb{width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb, var(--pastel-9) 92%, #fff)}.words-dropdown-sound .shared-playback-volume-row .MuiSlider-rail{opacity:.28}.words-dropdown-header{color:#0f766e;letter-spacing:.02em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.8rem;display:flex}.words-generation-header{flex-wrap:wrap;align-items:flex-start;gap:4px 10px}.words-generation-title{align-items:center;gap:4px;display:inline-flex}.words-generation-title .words-setting-help{font-size:.85rem}.words-generation-header-actions{color:#115e59;letter-spacing:.01em;flex-wrap:wrap;justify-content:flex-end;gap:4px 10px;display:flex}.words-mutation-row{text-transform:uppercase;letter-spacing:.03em;color:#155e63;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:0;padding:1px 0;font-size:.6rem;font-weight:700;display:grid}.words-mutation-checkbox{accent-color:#0a8a8f;cursor:pointer;flex-shrink:0;width:14px;height:14px}.words-alignment-block{gap:4px;display:grid}.words-alignment-master-row{align-items:flex-start}.words-alignment-subtoggle{margin-left:18px}.words-alignment-label-row{align-items:center;display:flex}.words-segmented-toggle{flex-wrap:wrap;gap:4px;display:flex}.words-segmented-toggle button{border:1px solid color-mix(in srgb, var(--pastel-5) 32%, #bae6fd);text-transform:uppercase;letter-spacing:.04em;color:#0f766e;background:color-mix(in srgb, var(--pastel-9) 94%, #fff);cursor:pointer;border-radius:.35rem;padding:2px 7px;font-size:.58rem;font-weight:700;transition:background .12s,border-color .12s}.words-segmented-toggle button:hover{border-color:color-mix(in srgb, var(--pastel-3) 55%, #0ea5e9)}.words-segmented-toggle button.is-active{background:color-mix(in srgb, var(--pastel-3) 22%, #ccfbf1);color:#0b4f54;border-color:#0a8a8f}.words-dropdown-menu .words-slider-row{margin-bottom:6px}.words-dropdown-menu .words-slider-row:last-child{margin-bottom:0}.words-text-button{color:#0a8a8f;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;font-size:.74rem;font-weight:700}.words-text-button:hover{text-decoration:underline}.words-main-grid{padding:0 var(--content-gutter);grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);align-items:stretch;gap:16px;min-width:0;min-height:0;display:grid}.words-editor-card,.words-rhythm-card{border:var(--surface-border,1px solid #a9d3e3);padding:var(--card-inner-pad);background:#fffffff2;border-radius:.9rem;box-shadow:0 10px 24px #0284c717}.words-editor-card{flex-direction:column;min-height:340px;display:flex}.word-rhythm-toggle{color:#7c2d12;box-sizing:border-box;background:color-mix(in srgb, var(--pastel-3) 38%, white);border:1px solid color-mix(in srgb, var(--pastel-2) 50%, #fdba74);border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.words-button{border:var(--labs-btn-border);background:var(--labs-btn-bg);color:var(--labs-btn-fg);letter-spacing:.03em;text-transform:uppercase;height:var(--words-toolbar-control-height);min-height:var(--words-toolbar-control-height);box-sizing:border-box;cursor:pointer;transition:var(--labs-control-transition);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.76rem;font-weight:700;display:inline-flex}.words-button:hover:not(:disabled){transform:var(--labs-control-hover-translate);box-shadow:var(--labs-control-hover-shadow)}.words-button-primary{background:linear-gradient(135deg, color-mix(in srgb, var(--pastel-3) 88%, #f59e0b), color-mix(in srgb, var(--pastel-2) 88%, #ea580c));color:#fff;border-color:#ea580c}.words-split-button{background:linear-gradient(135deg, color-mix(in srgb, var(--pastel-3) 88%, #f59e0b), color-mix(in srgb, var(--pastel-2) 88%, #ea580c));border:1px solid #ea580c;border-radius:999px;align-items:stretch;display:inline-flex;overflow:visible;box-shadow:0 2px 6px #ea580c2e}.words-split-button .words-button{height:var(--words-toolbar-control-height);min-height:var(--words-toolbar-control-height);box-shadow:none;color:#fff;letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;border-radius:0;font-size:.76rem;font-weight:700}.words-split-button .words-button:hover{box-shadow:none;background:#ffffff1f;transform:none}.words-split-button .words-split-action{border-radius:999px 0 0 999px;padding:6px 12px 6px 14px}.words-split-button .words-split-menu-trigger{border-left:0;border-radius:0 999px 999px 0;align-items:center;gap:2px;padding:6px 8px 6px 12px;display:inline-flex;position:relative}.words-split-button .words-button:focus-visible{outline:2px solid color-mix(in srgb, var(--pastel-5) 70%, #67e8f9);outline-offset:2px;z-index:1}.words-button:focus-visible{outline:2px solid color-mix(in srgb, var(--pastel-6) 56%, #67e8f9);outline-offset:2px}.words-split-button .words-split-menu-trigger:before{content:"";background:#fff6;border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.words-split-arrow{opacity:.85;margin-left:-2px;font-size:18px!important}.words-randomize-option.active{background:color-mix(in srgb, var(--pastel-5) 24%, #fff);color:#0b5f63;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pastel-6) 44%, #67e8f9);border-color:#0a8a8f}.words-advanced-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;display:grid}.words-gs-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 24px;display:grid}.words-gs-col{gap:4px;display:grid}.words-gs-heading{text-transform:uppercase;letter-spacing:.05em;color:#0f766e;border-bottom:1px solid color-mix(in srgb, var(--pastel-5) 28%, #bae6fd);margin:0 0 2px;padding-bottom:3px;font-size:.68rem;font-weight:700}.words-gs-heading--sub{margin-top:8px}.words-gs-indent{border-left:2px solid color-mix(in srgb, var(--pastel-5) 30%, #bae6fd);margin-left:24px;padding-left:8px}.words-advanced-block{border:1px solid color-mix(in srgb, var(--pastel-5) 24%, #bae6fd);background:color-mix(in srgb, var(--pastel-9) 96%, var(--pastel-8));border-radius:.7rem;gap:8px;padding:10px;display:grid}.words-advanced-block h3{text-transform:uppercase;letter-spacing:.04em;color:#0f766e;margin:0;font-size:.74rem}.words-mutation-group-title{text-transform:uppercase;letter-spacing:.05em;color:#0f766e;margin:0;font-size:.72rem;line-height:1.2}.words-mutation-group-blurb{color:#115e59;letter-spacing:.01em;margin:0 0 2px;font-size:.68rem;line-height:1.35}.words-bias-toggle-row{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;padding:1px 0;display:grid}.words-bias-label{color:#115e59;text-align:right;font-size:.65rem}.words-bias-toggle{font-size:.6rem}.words-bias-toggle button{min-width:0;padding:2px 8px}.words-freestyle-strength{grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:8px;margin-top:2px;padding:4px 0 6px;display:grid}.words-freestyle-strength .words-bias-label{text-transform:uppercase;letter-spacing:.02em;color:#115e59;font-size:.67rem;font-weight:600}.words-freestyle-strength .words-bias-value{text-align:right;color:#115e59;font-variant-numeric:tabular-nums;font-size:.67rem;font-weight:600}.words-freestyle-strength .words-slider-input{--app-slider-track:var(--words-slider-track,#0d9488);--app-slider-rail:var(--words-slider-rail,#e0f2fe)}.words-freestyle-strength .MuiSlider-thumb{width:14px;height:14px}.words-alignment-intro{color:#115e59;margin:0 0 4px;font-size:.68rem;line-height:1.35}@media (max-width:480px){.words-gs-grid{grid-template-columns:1fr}}.words-generation-advanced-grid{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);align-items:start;gap:12px}.words-slider-row{text-transform:uppercase;letter-spacing:.03em;color:#155e63;grid-template-columns:minmax(0,1fr) 96px auto auto;align-items:center;gap:5px;font-size:.68rem;font-weight:700;display:grid}.words-slider-row .words-button-icon{min-width:24px;min-height:24px;padding:3px}.words-setting-label{align-items:center;gap:4px;display:inline-flex}.words-setting-help{background:color-mix(in srgb, var(--pastel-9) 88%, #fff);color:#0f766e;cursor:help;border:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:inline-flex;position:relative}.words-setting-help .material-symbols-outlined{font-size:14px;line-height:1}.words-slider-row .words-slider-input{--app-slider-track:var(--words-slider-track);--app-slider-rail:var(--words-slider-rail);--app-slider-mark:var(--words-slider-mark);width:100%}.words-slider-row .words-slider-input .MuiSlider-thumb{width:14px;height:14px}.words-slider-row>span:not(.words-setting-label){color:#7c2d12;text-align:right;min-width:26px;font-size:.68rem}.words-template-block{grid-column:span 2}.words-template-presets{flex-wrap:wrap;gap:6px;display:flex}.words-button-template{align-items:center;gap:4px;min-height:28px;padding:3px 9px;font-size:.64rem;display:inline-flex}.words-button-template.is-active{background:color-mix(in srgb, var(--pastel-5) 24%, #fff);color:#0b5f63;box-shadow:0 0 0 2px #0a8a8f2e, inset 0 0 0 1px color-mix(in srgb, var(--pastel-6) 44%, #67e8f9);border-color:#0a8a8f}.words-template-input{border:1px solid color-mix(in srgb, var(--pastel-6) 30%, #cbd5e1);color:#0f172a;background:#fff;border-radius:.55rem;width:100%;min-height:30px;padding:0 8px;font-size:.72rem;font-weight:600}.words-template-preview{border:1px solid color-mix(in srgb, var(--pastel-5) 30%, #99f6e4);background:#fff;border-radius:.6rem;min-width:0;max-width:100%;padding:4px;overflow-x:auto}.words-template-error{color:#b91c1c;margin:0;font-size:.74rem;font-weight:700}.words-toggle-inline{justify-self:start}.words-chord-settings{border:1px solid color-mix(in srgb, var(--pastel-5) 24%, #bae6fd);background:color-mix(in srgb, var(--pastel-9) 96%, var(--pastel-8));border-radius:.6rem;gap:6px;padding:6px 8px;display:grid}.words-chord-sound-field{gap:4px;min-width:0;display:grid}.words-chord-sound-label{text-transform:uppercase;letter-spacing:.03em;color:#155e63;font-size:.68rem;font-weight:700}.words-chord-sound-field .shared-playback-field-select__trigger.words-chord-sound-select{border:1px solid color-mix(in srgb, var(--pastel-6) 30%, #cbd5e1);color:#0f172a;min-height:28px;font-size:inherit;text-transform:none;letter-spacing:normal;background:#fff;border-radius:.45rem;padding:0 8px;font-weight:700}.words-chord-sound-field .shared-playback-field-select__trigger.words-chord-sound-select:focus-visible{border-color:color-mix(in srgb, var(--theme-primary,#0a8a8f) 58%, #67e8f9);box-shadow:var(--theme-focus-ring,0 0 0 2px #0a8a8f24)}.words-dropdown-sound .shared-playback-field-select__menu-list{max-height:min(320px,100dvh - 120px)}.words-chord-row{grid-template-columns:minmax(0,1fr) 1fr;align-items:center;min-width:0}.words-chord-row>*{min-width:0}.words-chord-row input[type=text]{border:1px solid color-mix(in srgb, var(--pastel-6) 30%, #cbd5e1);color:#0f172a;width:100%;min-height:28px;font:inherit;text-transform:none;letter-spacing:normal;background:#fff;border-radius:.45rem;padding:0 8px;font-weight:700}.words-section-chord-dropdown-root,.words-section-style-dropdown-root{z-index:2600}.words-section-chord-dropdown .shared-chord-progression-name,.words-section-chord-dropdown .shared-chord-progression-description,.words-section-chord-dropdown .shared-chord-progression-resolved,.words-section-style-dropdown .shared-chord-style-name,.words-section-style-dropdown .shared-chord-style-description{text-transform:none;letter-spacing:normal}@media (max-width:860px){.words-section-style-dropdown.shared-chord-style-dropdown{min-width:min(520px,100vw - 40px);max-width:min(620px,100vw - 40px)}.words-section-style-dropdown .shared-chord-style-menu{grid-template-columns:1fr}.words-section-chord-dropdown.shared-chord-progression-dropdown{min-width:min(520px,100vw - 40px);max-width:min(620px,100vw - 40px)}.words-section-chord-dropdown .shared-chord-progression-preset-list{grid-template-columns:1fr;max-height:min(44vh,360px)}}.words-select-inline{border:1px solid color-mix(in srgb, var(--pastel-6) 30%, #cbd5e1);color:#0f172a;width:100%;min-height:28px;font:inherit;text-transform:none;letter-spacing:normal;background:#fff;border-radius:.45rem;padding:0 8px;font-weight:700}.words-chord-style-select{border-color:color-mix(in srgb, var(--pastel-6) 36%, #a7f3d0);background:color-mix(in srgb, #fff 96%, var(--pastel-8));color:#0f172a}.words-chord-style-select:focus{border-color:#0a8a8f;outline:none;box-shadow:0 0 0 2px #0a8a8f24}.words-chord-row .shared-chord-progression-input,.words-chord-row .shared-chord-style-input{text-transform:none;letter-spacing:normal}.words-chord-preview{color:#155e63;margin:0;font-size:.72rem;font-weight:700}.words-button-random-chords{justify-self:start;min-height:28px;padding:4px 10px;font-size:.64rem}.words-section-chorus-link-anchor{display:inline-flex;position:relative}.words-chorus-link-trigger{justify-content:center;align-items:center;gap:0;width:auto;min-width:0;height:30px;min-height:30px;padding:0 2px 0 6px;display:inline-flex}.words-chorus-link-trigger-icon{font-size:18px;line-height:1}.words-chorus-link-trigger-chevron{opacity:.72;margin-left:-2px;font-size:16px;line-height:1;transition:transform .14s,opacity .14s}.words-chorus-link-trigger.is-open .words-chorus-link-trigger-chevron,.words-section-chorus-link-anchor.is-open .words-chorus-link-trigger-chevron{opacity:.92;transform:rotate(180deg)}.words-chorus-link-trigger.is-open{box-shadow:0 0 0 2px #0a8a8f2e}.words-chorus-link-menu{--words-chorus-link-pad-x:14px;--words-chorus-link-pad-y:13px;width:min(268px,100vw - 40px);max-width:min(268px,100vw - 40px);max-height:none;padding:var(--words-chorus-link-pad-y) var(--words-chorus-link-pad-x);position:relative;top:auto;right:auto;overflow:visible}.words-chorus-link-menu-header{gap:3px;margin-bottom:11px;display:grid}.words-chorus-link-menu-title{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:.8125rem;font-weight:700;line-height:1.3}.words-chorus-link-menu-lede{color:#64748b;margin:0;font-size:.6875rem;line-height:1.45}.words-chorus-link-menu-section{gap:5px;display:grid}.words-chorus-link-menu-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--pastel-6) 52%, #64748b);margin:0;font-size:.625rem;font-weight:700}.words-chorus-link-menu-row-list{background:color-mix(in srgb, var(--pastel-6) 8%, #e2e8f0);border-radius:.55rem;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.words-chorus-link-menu-row{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;gap:.55rem;width:100%;min-height:3rem;padding:.55rem .65rem;transition:background-color .11s;display:grid}.words-chorus-link-menu-row:hover{background:#f7fefc}.words-chorus-link-menu-row:focus-visible{outline:2px solid color-mix(in srgb, var(--pastel-6) 56%, #67e8f9);outline-offset:-2px;z-index:1}.words-chorus-link-menu-row-icon{color:#94a3b8;background:#f6f9fb;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.05rem;font-size:1.0625rem;line-height:1;display:inline-flex}.words-chorus-link-menu-row-icon.is-linked{background:color-mix(in srgb, var(--pastel-8) 72%, #fff);color:var(--pastel-6)}.words-chorus-link-menu-row-icon.is-unlinked{color:#94a3b8;background:#f9f7f9}.words-chorus-link-menu-row-copy{gap:2px;min-width:0;display:grid}.words-chorus-link-menu-row-label{color:#0f172a;font-size:.78125rem;font-weight:600;line-height:1.25}.words-chorus-link-menu-row-hint{color:#64748b;font-size:.65625rem;line-height:1.35}.words-chorus-link-menu-row-state{letter-spacing:.02em;text-transform:uppercase;color:#94a3b8;flex-shrink:0;padding-top:.1rem;font-size:.625rem;font-weight:600;line-height:1}.words-chorus-link-menu-row-state.is-linked{color:var(--pastel-6)}.words-chorus-link-menu-divider{height:1px;margin:11px calc(var(--words-chorus-link-pad-x) * -1);background:color-mix(in srgb, var(--pastel-6) 10%, #e2e8f0)}.words-chorus-link-bulk-panel{background:color-mix(in srgb, var(--pastel-8) 22%, #fff);border:1px solid color-mix(in srgb, var(--pastel-6) 12%, #e2e8f0);border-radius:.55rem;gap:8px;padding:8px 9px;display:grid}.words-chorus-link-bulk-block{gap:6px;display:grid}.words-chorus-link-bulk-block+.words-chorus-link-bulk-block{border-top:1px solid color-mix(in srgb, var(--pastel-6) 10%, #e2e8f0);margin-top:2px;padding-top:10px}.words-chorus-link-bulk-meta{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.words-chorus-link-bulk-label{color:#0f172a;font-size:.75rem;font-weight:600;line-height:1.2}.words-chorus-link-aggregate{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:.625rem;font-weight:600;line-height:1.2}.words-chorus-link-aggregate.is-linked{color:var(--pastel-6)}.words-chorus-link-aggregate.is-unlinked{color:#94a3b8}.words-chorus-link-aggregate.is-mixed{color:#b45309}.words-chorus-link-bulk-actions{gap:5px;display:flex}.words-chorus-link-bulk-btn{border:1px solid color-mix(in srgb, var(--pastel-6) 16%, #cbd5e1);color:#0f766e;min-width:0;min-height:2rem;font:inherit;cursor:pointer;background:#fff;border-radius:.4rem;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .55rem;font-size:.6875rem;font-weight:600;line-height:1.2;transition:border-color .11s,background-color .11s;display:inline-flex}.words-chorus-link-bulk-btn .material-symbols-outlined{font-size:.9375rem;line-height:1}.words-chorus-link-bulk-btn:hover{border-color:color-mix(in srgb, var(--pastel-6) 32%, #67e8f9);background:#f9fefd}.words-chorus-link-bulk-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--pastel-6) 56%, #67e8f9);outline-offset:1px}.words-chorus-link-menu-section .words-chorus-link-controls{margin:0}.words-sections-list{gap:10px;display:grid}.words-sections-column{scrollbar-gutter:stable;align-content:start;gap:10px;min-width:0;min-height:0;display:grid;overflow:hidden auto}.words-rhythm-card{scrollbar-gutter:stable;min-width:0;min-height:0;position:relative;overflow:auto}.words-section-card{border:var(--surface-border,1px solid #a9d3e3);padding:var(--card-inner-pad);background:#fffffff2;border-radius:.9rem;gap:8px;display:grid;position:relative;box-shadow:0 10px 24px #0284c717}.words-section-card.is-looping{border-color:#fa8d38;box-shadow:0 0 0 1px #fb923cb3,0 0 18px #f973163d,0 10px 24px #0284c717}.words-section-card.is-settings-open{z-index:12}.words-section-head{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.words-section-head strong{color:#0f172a;margin-right:auto;font-size:.78rem}.words-section-type-select{width:auto;min-width:130px}.words-section-actions-inline{align-self:center;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.words-section-settings-anchor{display:inline-flex;position:relative}.words-section-settings-anchor.is-open{z-index:20}.words-button-icon{border-radius:.55rem;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.words-button-icon .material-symbols-outlined{vertical-align:middle;justify-content:center;align-items:center;width:1em;height:1em;font-size:17px;line-height:1;display:inline-flex}.words-section-loop-button{justify-content:center;align-items:center;gap:4px;height:30px;min-height:30px;padding:0 10px;display:inline-flex}.words-section-loop-button .material-symbols-outlined{font-size:16px}.words-button-danger{border-color:color-mix(in srgb, #ef4444 30%, var(--pastel-6));color:#b91c1c}.words-link-toggle.is-linked{border-color:color-mix(in srgb, var(--pastel-6) 34%, #22c55e);color:#0f766e}.words-link-toggle.is-unlinked{border-color:color-mix(in srgb, #ef4444 34%, var(--pastel-6));color:#b91c1c}.words-link-toggle-chorus.is-linked{background:linear-gradient(135deg, color-mix(in srgb, var(--pastel-3) 88%, #f59e0b), color-mix(in srgb, var(--pastel-2) 88%, #ea580c));color:#fff;border-color:#ea580c}.words-link-toggle-chorus.is-linked:hover{box-shadow:0 8px 16px #ea580c47}.words-link-toggle-chorus.is-mixed{border-color:color-mix(in srgb, #f59e0b 40%, var(--pastel-6));color:#b45309;background:color-mix(in srgb, var(--pastel-9) 92%, #fef3c7)}.words-section-textarea:disabled{opacity:.82}.words-section-textarea{resize:vertical;flex:none;min-height:120px}.words-section-actions{flex-wrap:wrap;gap:6px;display:flex}.words-section-settings-menu{--words-section-field-height:2rem;--cp-control-height:var(--words-section-field-height);--cs-control-height:var(--words-section-field-height);--pfs-height:var(--words-section-field-height);gap:10px;width:min(460px,100vw - 64px);display:grid;position:absolute;top:calc(100% + 6px);left:auto;right:0}.words-section-settings-menu .words-chord-row input[type=text],.words-section-settings-menu .words-select-inline,.words-section-settings-menu .shared-chord-progression-text,.words-section-settings-menu .shared-chord-progression-trigger,.words-section-settings-menu .shared-playback-field-select__trigger{min-height:var(--words-section-field-height);height:var(--words-section-field-height);box-sizing:border-box;padding-top:0;padding-bottom:0;font-size:.8125rem;line-height:1.2}.words-dropdown-section{gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.words-dropdown-section .words-chorus-link-controls{padding:10px}.words-section-settings-menu-portal{z-index:140;overscroll-behavior:contain;box-sizing:border-box;max-height:min(72vh,720px);position:fixed;overflow:hidden auto}.words-chord-input-with-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.words-chord-input-with-action .words-button-icon{width:var(--words-section-field-height,2rem);height:var(--words-section-field-height,2rem);min-width:var(--words-section-field-height,2rem);min-height:var(--words-section-field-height,2rem);justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.words-chord-input-with-action .words-button-icon .material-symbols-outlined{margin:0;font-size:18px;line-height:1;transform:translateY(0)}.words-chord-input-with-action .darbuka-trainer-icon-link{width:var(--words-section-field-height,2rem);height:var(--words-section-field-height,2rem);align-self:center}.words-template-input-with-link{gap:6px;display:grid}.words-template-input-only{width:100%;min-width:0;display:block}.words-template-input-only input[type=text]{box-sizing:border-box;width:100%;min-width:0}.words-chorus-link-controls{border:1px solid color-mix(in srgb, var(--pastel-6) 20%, #e2e8f0);background:color-mix(in srgb, var(--pastel-9) 96%, var(--pastel-8));border-radius:.6rem;gap:6px;padding:8px;display:grid}.words-chorus-link-controls strong{text-transform:uppercase;letter-spacing:.03em;color:#155e63;font-size:.72rem}.words-chorus-link-controls .words-chorus-link-row{align-items:center;gap:6px;display:inline-flex}.words-chorus-link-controls .words-chorus-link-row span{text-transform:uppercase;letter-spacing:.03em;color:#155e63;font-size:.72rem;font-weight:700}.words-section-template-presets{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.words-template-variation-carousel{justify-items:center;gap:6px;margin-top:6px;display:grid}.words-template-variation-carousel .rhythm-template-variation-controls{align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;padding:2px 0;display:inline-flex}.words-template-variation-carousel .rhythm-template-variation-arrows{align-items:center;gap:6px;display:inline-flex}.words-template-variation-carousel .rhythm-template-variation-arrow{border:1px solid color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);color:#0f766e;cursor:pointer;background:#fff;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.words-template-variation-carousel .rhythm-template-variation-arrow .material-symbols-outlined{font-size:18px}.words-template-variation-carousel .rhythm-template-variation-counter{color:#155e63;text-align:center;min-width:170px;font-size:.7rem;font-weight:700}.words-button-template-icon{justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.words-section-template-preview{max-width:100%}.words-inline-drum-panel{margin-top:6px}.words-inline-drum-panel .drum-presets-block{flex-direction:column;gap:6px;min-width:0;margin-bottom:6px;display:flex}.words-inline-drum-panel .drum-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0;display:flex}.words-inline-drum-panel .drum-presets__random-row{gap:6px}.words-inline-drum-panel .drum-display-error{color:#b45309;font-size:.72rem}.words-inline-drum-panel .rhythm-template-variation{margin-bottom:4px}.words-section-add-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.words-icon-tooltip{position:relative}.words-template-edit-link.darbuka-trainer-icon-link{color:#0f766e}.words-template-edit-link.darbuka-trainer-icon-link:hover{color:#0d635c;background:#0f766e14}.words-template-edit-link{--drum-mini-link-size:.68rem;--drum-mini-link-color:#0f766e;--drum-mini-link-text-decoration:none;--drum-mini-link-padding:0;--drum-mini-link-border:0;--drum-mini-link-bg:transparent;--drum-mini-link-radius:0;color:#0f766e;background:0 0;border:0;justify-self:center;min-height:0;padding:0;font-size:.68rem;font-weight:600;text-decoration:none}.words-template-edit-link:hover{box-shadow:none}.words-sample-load{gap:4px;display:grid}.words-sample-load-label{text-transform:uppercase;letter-spacing:.03em;color:#0f766e;font-size:.68rem;font-weight:700}.words-sample-load-track{background:color-mix(in srgb, var(--pastel-9) 86%, var(--pastel-8));border:1px solid color-mix(in srgb, var(--pastel-6) 24%, #bae6fd);border-radius:999px;width:100%;height:8px;overflow:hidden}.words-sample-load-fill{background:linear-gradient(135deg, color-mix(in srgb, var(--pastel-5) 76%, #22d3ee), color-mix(in srgb, var(--pastel-6) 76%, #0ea5e9));width:0;height:100%;transition:width .18s}.words-label{text-transform:uppercase;letter-spacing:.04em;color:#0f766e;margin-bottom:8px;font-size:.75rem;font-weight:700}.words-textarea{resize:none;border:1px solid color-mix(in srgb, var(--pastel-6) 24%, #cbd5e1);background:color-mix(in srgb, var(--pastel-9) 96%, var(--pastel-8));letter-spacing:.01em;border-radius:.7rem;flex:1;width:100%;min-height:120px;padding:12px;font-family:Roboto,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.94rem;font-weight:500;line-height:1.58}.words-textarea:focus{border-color:#0a8a8f;outline:none;box-shadow:0 0 0 3px #0a8a8f2e}.words-playback-row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;min-height:0;display:flex}.words-randomize-anchor,.words-section-randomize-anchor{position:relative}.words-randomize-menu{gap:4px;min-width:180px;padding:6px;display:grid}.words-randomize-menu-section{z-index:130;position:absolute;top:calc(100% + 6px);left:auto;right:0}.words-randomize-option{justify-content:flex-start;width:100%}.words-randomize-menu-list,.words-export-menu-list{gap:6px;width:100%;display:grid}.shared-export-popover-words{--theme-primary:var(--pastel-6,#0a8a8f);--theme-primary-hover:color-mix(in srgb, var(--pastel-6,#0a8a8f) 78%, #0f766e);--theme-accent:var(--pastel-5,#54c0c7);--theme-surface:var(--words-dropdown-surface-bg,#fffffffa);--theme-surface-elevated:var(--words-dropdown-surface-bg,#fffffffa);--theme-text:#0f172a;--theme-text-secondary:#155e63;--theme-text-muted:#0f766e;--theme-border:color-mix(in srgb, var(--pastel-6,#0a8a8f) 26%, #cbd5e1);--theme-border-strong:color-mix(in srgb, var(--pastel-6,#0a8a8f) 34%, #a7f3d0);--theme-shadow-lg:var(--words-dropdown-surface-shadow,0 8px 16px #0284c71f)}.shared-export-panel-words{border-radius:var(--labs-popover-radius);background:var(--labs-popover-bg)}.shared-export-panel-words .shared-export-title,.shared-export-panel-words .shared-export-subtitle{color:#0f766e}.shared-export-panel-words .shared-export-format-row,.shared-export-panel-words .shared-export-row input,.shared-export-panel-words .shared-export-row select,.shared-export-panel-words .shared-export-stems,.shared-export-panel-words .shared-export-preview{border-color:color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);background:#fff}.shared-export-panel-words .shared-export-format-row:hover:not(.disabled){border-color:color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);box-shadow:none;background:#fff;transform:none}.shared-export-panel-words .shared-export-format-row:has(input[type=radio]:checked):not(.disabled){border-color:color-mix(in srgb, var(--pastel-6) 46%, #67e8f9);background:color-mix(in srgb, var(--pastel-5) 14%, #fff);box-shadow:0 0 0 2px color-mix(in srgb, var(--pastel-5) 22%, transparent)}.shared-export-panel-words .shared-export-format-row input[type=radio]{accent-color:var(--pastel-6)}.shared-export-panel-words .shared-export-row input:focus,.shared-export-panel-words .shared-export-row select:focus{border-color:color-mix(in srgb, var(--pastel-6) 46%, #67e8f9);box-shadow:0 0 0 2px color-mix(in srgb, var(--pastel-5) 22%, transparent);outline:none}.shared-export-panel-words .shared-export-action{border:1px solid color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);background:linear-gradient(135deg, color-mix(in srgb, var(--pastel-6) 92%, #0891b2), color-mix(in srgb, var(--pastel-5) 80%, #0ea5e9));color:#fff;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;min-height:34px;padding:6px 14px;font-size:.76rem;font-weight:700;transition:transform .12s,box-shadow .12s}.shared-export-panel-words .shared-export-action:hover:not(:disabled){color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--pastel-6) 96%, #0f766e), color-mix(in srgb, var(--pastel-5) 86%, #0284c7));transform:translateY(-1px);box-shadow:0 6px 12px #0a8a8f38}.words-metronome-toggle{justify-content:center;align-items:center;display:inline-flex}.words-metronome-toggle.words-button{min-height:var(--words-toolbar-control-height);height:var(--words-toolbar-control-height);min-width:42px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 10px}.words-metronome-toggle.words-button.is-on{color:inherit;background:0 0;border:0}.words-metronome-toggle.words-button:focus-visible{outline:none}.words-metronome-toggle .metronome-on-label{text-transform:uppercase;letter-spacing:.02em;font-size:.64rem;font-weight:700}.labs-metronome-settings-popover--words{overflow:hidden}.labs-metronome-settings-panel--words{width:min(100vw - 24px,320px);min-width:0}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__header{border-bottom:1px solid color-mix(in srgb, var(--pastel-6) 14%, #e2e8f0);background:0 0;padding:12px 16px 10px}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__header h3{letter-spacing:.01em;color:#0f766e;margin:0;font-size:.84rem;font-weight:700}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__body{gap:0;max-height:min(70vh,420px);padding:12px 16px 14px}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__section{padding:12px 0}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__section:first-child{padding-top:0}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__section+.labs-metronome-settings-panel__section{border-top:1px solid color-mix(in srgb, var(--pastel-6) 10%, #e2e8f0)}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__section-title{text-transform:uppercase;letter-spacing:.06em;color:#64748b!important;font-size:.64rem!important;font-weight:700!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__reset-levels{text-transform:uppercase;letter-spacing:.04em;color:#0a8a8f!important;min-height:0!important;font-size:.68rem!important;font-weight:700!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__reset-levels:hover{background:color-mix(in srgb, var(--pastel-9) 60%, var(--pastel-8))!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group{--metro-toggle-divider:transparent;background:0 0;border:none;border-radius:0;flex-wrap:wrap;gap:6px;display:flex;overflow:visible}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group.MuiToggleButtonGroup-root{gap:6px}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped{flex:0 auto;min-width:0;box-shadow:none!important;border:0!important;border-radius:.4rem!important;margin:0!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped:not(:first-of-type),.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButtonGroup-grouped.Mui-selected+.MuiToggleButtonGroup-grouped.Mui-selected{box-shadow:none!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButton-root{text-transform:uppercase;letter-spacing:.03em;color:#0f766e;background:color-mix(in srgb, var(--pastel-9) 94%, #fff);flex:0 auto;width:auto;min-width:2.25rem;padding:6px 10px;font-size:.6875rem;font-weight:700;line-height:1.2;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;border:1px solid color-mix(in srgb, var(--pastel-5) 32%, #bae6fd)!important;border-radius:.4rem!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButton-root:hover{border-color:color-mix(in srgb, var(--pastel-3) 55%, #0ea5e9)!important;background:color-mix(in srgb, var(--pastel-9) 82%, var(--pastel-8))!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButton-root.Mui-selected{color:#0b4f54!important;background:color-mix(in srgb, var(--pastel-3) 16%, #ccfbf1)!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--pastel-5) 24%, transparent)!important;border-color:#0a8a8f!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group .MuiToggleButton-root.Mui-selected:hover{background:color-mix(in srgb, var(--pastel-3) 22%, #ccfbf1)!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__toggle-group--counting .MuiToggleButton-root{text-transform:none;letter-spacing:.01em;flex:calc(50% - 3px);font-size:.75rem;font-weight:600}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__levels{gap:2px!important}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__levels .shared-playback-volume-row{padding:2px 0}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__levels .MuiSlider-root{color:#0a8a8f}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__levels .MuiSlider-thumb{width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb, var(--pastel-9) 92%, #fff)}.labs-metronome-settings-panel--words .labs-metronome-settings-panel__levels .MuiSlider-rail{opacity:.28}.words-inline-control{height:var(--words-toolbar-control-height);min-height:var(--words-toolbar-control-height);max-height:var(--words-toolbar-control-height);box-sizing:border-box;text-transform:uppercase;letter-spacing:.03em;color:#155e63;background:color-mix(in srgb, var(--pastel-9) 92%, var(--pastel-4));border:1px solid color-mix(in srgb, var(--pastel-6) 28%, #cbd5e1);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.76rem;font-weight:700;line-height:1;display:inline-flex;overflow:visible}.words-inline-control-bpm{gap:6px}.words-inline-control .words-bpm-input,.words-inline-control .shared-bpm-dropdown-anchor,.words-inline-control .shared-bpm-main-row,.words-inline-control .words-key-input,.words-inline-control .shared-key-dropdown-anchor{align-items:center;height:100%;max-height:none;display:inline-flex}.words-bpm-input .shared-bpm-shell{background:0 0;border:0;border-radius:0;align-items:center;gap:.06rem;height:100%;min-height:0;max-height:none;padding:0 .08rem}.words-bpm-input .shared-bpm-shell:focus-within{box-shadow:none}.words-bpm-input .shared-bpm-stepper,.words-bpm-input .shared-bpm-rate-inline,.words-bpm-input .shared-bpm-trailing-actions{align-self:center}.words-bpm-input .shared-bpm-arrows{height:auto;min-height:0}.words-bpm-input .shared-bpm-arrow .material-symbols-outlined{width:7px;height:7px;font-size:7px}.words-bpm-input .shared-bpm-rate-btn.inline{min-width:22px;height:auto;padding:0 .16rem;font-size:.66rem}.words-bpm-input .shared-bpm-value{color:#0f172a;width:3.8ch;min-width:3.8ch;font-weight:800}.words-key-input .shared-key-shell{background:0 0;border:0;border-radius:0;align-items:center;gap:.06rem;height:100%;min-height:0;max-height:none;padding:0 .08rem}.words-key-input .shared-key-shell:focus-within{box-shadow:none}.words-key-input .shared-key-value-btn{padding:0 .25rem;font-size:.875rem;font-weight:800}.words-key-input .shared-key-value-btn .material-symbols-outlined{justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.6rem;line-height:1;display:inline-flex}.shared-key-dropdown.words-key-dropdown{--key-dropdown-padding:.6rem;--key-grid-gap:.38rem;--key-chip-min-height:2.18rem;--key-chip-font-size:.88rem;--key-chip-font-weight:600;--key-chip-border:color-mix(in srgb, #d9e9ee 86%, var(--pastel-6));--key-chip-hover-border:#8edce8;--key-chip-hover-bg:color-mix(in srgb, #fff 88%, var(--pastel-7));--key-chip-hover-shadow:0 8px 16px #0284c724;--key-chip-hover-transform:translateY(-1px);--key-chip-active-border:#71bfc1;--key-chip-active-bg:color-mix(in srgb, #fff 92%, var(--pastel-7));--key-chip-active-text:#0f766e;--key-chip-active-shadow:0 10px 20px #0284c729, 0 0 20px #0a8a8f29;min-width:min(420px,100vw - 44px);max-width:min(520px,100vw - 44px)}.words-inline-control input,.words-inline-control select{color:#0f172a;height:22px;font:inherit;background:0 0;border:0;border-radius:.45rem;padding:0 .25rem;font-weight:800}.words-key-input .words-inline-dice-button{width:20px;min-width:20px;height:20px;min-height:20px}.words-inline-control .words-button-icon{min-width:24px;min-height:24px;padding:3px}.words-inline-dice-button{color:#0f766e;cursor:pointer;background:0 0;border:0;flex:0 0 20px;justify-content:center;align-self:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;display:inline-flex}.words-inline-dice-button .material-symbols-outlined{font-size:15px;line-height:1;display:block}.words-inline-dice-button:hover{color:#0a8a8f}.words-inline-control input:focus,.words-inline-control select:focus{outline:none}.words-bpm-dropdown .shared-bpm-dropdown-list{gap:6px;padding:10px}.words-bpm-dropdown .shared-bpm-dropdown-header-row{border-bottom:1px solid color-mix(in srgb, var(--pastel-6) 20%, #dbeafe);padding-bottom:.2rem}.words-bpm-dropdown .shared-bpm-dropdown-trigger{color:#0f766e;letter-spacing:.04em;border-bottom:0;padding:.1rem .2rem .35rem;font-size:.72rem;font-weight:700}.words-bpm-dropdown .shared-bpm-dropdown-current{color:#0f766e;background:color-mix(in srgb, var(--pastel-9) 92%, var(--pastel-4));font-size:.72rem}.words-bpm-dropdown .shared-bpm-slider-wrap{--words-slider-track:#0f766e;--words-slider-rail:#caf0ed;--words-slider-mark:#cbf1ed;--bpm-slider-milestone-inset:10px;background:0 0;border:0;border-radius:.6rem;padding:.74rem .86rem .78rem}.words-bpm-slider{--app-slider-track:var(--words-slider-track,#0f766e);--app-slider-rail:var(--words-slider-rail,#caf0ed);--app-slider-mark:var(--words-slider-mark,#cbf1ed);--app-slider-mark-active:#3f9c97}.words-bpm-slider .MuiSlider-markLabel{color:#0f766e}.words-bpm-dropdown .shared-bpm-presets-label{color:#155e63;letter-spacing:.02em;font-weight:650}.words-bpm-dropdown .shared-bpm-presets-row{--bpm-chip-min-width:2.95rem;--bpm-chip-height:1.78rem}.words-bpm-dropdown .shared-bpm-preset-chip{border-color:color-mix(in srgb, #d9e9ee 88%, var(--pastel-6));background:color-mix(in srgb, #fff 94%, var(--pastel-8));color:#2a4757;letter-spacing:.01em;font-size:.71rem;font-weight:550}.words-bpm-dropdown .shared-bpm-preset-chip:hover{background:color-mix(in srgb, #fff 88%, var(--pastel-7));color:#0f766e;border-color:#8bdbe8}.words-bpm-dropdown .shared-bpm-preset-chip.active{background:color-mix(in srgb, #fff 86%, var(--pastel-7));color:#0d7f80;border-color:#54b3b4;box-shadow:inset 0 0 0 1px #0a8a8f17}.word-rhythm-output{color:#155e63;background:color-mix(in srgb, var(--pastel-9) 90%, var(--pastel-3));border:1px dashed color-mix(in srgb, var(--pastel-3) 46%, #fcd34d);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:8px;font-size:.78rem;display:flex}.word-rhythm-output code{overflow-wrap:anywhere;background:color-mix(in srgb, var(--pastel-9) 86%, var(--pastel-8));border:1px dashed color-mix(in srgb, var(--pastel-6) 30%, #67e8f9);border-radius:.45rem;max-width:100%;padding:.2rem .35rem;display:inline-block}.words-edit-link{border:1px solid color-mix(in srgb, var(--pastel-2) 42%, #fdba74);background:color-mix(in srgb, var(--pastel-9) 88%, var(--pastel-2));color:#9a3412;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:4px 10px;font-weight:700;text-decoration:none;display:inline-flex}.words-edit-link:hover{text-decoration:underline;box-shadow:0 3px 8px #b4530926}.words-button-add{justify-content:center;align-items:center;gap:4px;display:inline-flex}.words-button-add .material-symbols-outlined{font-size:16px}.words-score-actions{margin:0 calc(var(--card-inner-pad) * -1) 8px;top:calc(var(--card-inner-pad) * -1);z-index:10;padding:10px var(--card-inner-pad) 8px;border-bottom:1px solid color-mix(in srgb, var(--pastel-6) 16%, #e2e8f0);box-shadow:none;background:#fff;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky}.words-score-actions.is-stuck{box-shadow:0 8px 12px #0284c714}.words-score-stats{text-transform:uppercase;letter-spacing:.03em;color:#155e63;align-items:center;gap:10px;font-size:.74rem;font-weight:700;display:inline-flex}.words-score-zoom{align-items:center;gap:6px;margin-left:auto;margin-right:8px;display:inline-flex}.words-score-zoom span{text-align:center;color:#155e63;min-width:44px;font-size:.72rem;font-weight:700}.words-export-menu{gap:6px;width:280px;display:grid}.words-export-option{justify-content:flex-start}.words-vex-score{--notation-staff-line:#d1d5db;--notation-ink:#1f2937;border:1px solid color-mix(in srgb, var(--pastel-5) 42%, #99f6e4);background:linear-gradient(180deg, color-mix(in srgb, var(--pastel-9) 97%, var(--pastel-6)), color-mix(in srgb, var(--pastel-9) 98%, var(--pastel-4)));border-radius:.65rem;width:100%;padding:8px;scroll-margin-top:64px;overflow:auto hidden}.words-notation-sections{gap:10px;min-width:0;display:grid;overflow:hidden visible}.words-notation-section{border-left:3px solid #0000;border-radius:.45rem;gap:4px;min-width:0;padding-left:6px;transition:background-color .14s,border-color .14s;display:grid}.words-notation-section.is-active{background:#fffffff2;border-left-color:#fa8d38;box-shadow:0 0 0 1px #fb923cb3,0 0 18px #f973163d,0 10px 24px #0284c717}.words-notation-section-title{text-transform:uppercase;letter-spacing:.03em;color:#0f766e;margin:0;font-size:.88rem;font-weight:800}.words-vex-score svg{width:max-content;min-width:100%;max-width:none;display:block}.words-vex-score svg g[class*=vf-stave]>path:not([class*=barline]),.words-vex-score svg g[class*=vf-stave]>line:not([class*=barline]){stroke:var(--notation-staff-line,#d1d5db)!important;stroke-width:1px!important}.words-vex-score svg g[class*=vf-stave] path[class*=barline],.words-vex-score svg g[class*=vf-stave] line[class*=barline],.words-vex-score svg path[class*=stem],.words-vex-score svg line[class*=stem],.words-vex-score svg path[class*=vf-stem],.words-vex-score svg line[class*=vf-stem],.words-vex-score svg g[class*=vf-stem] path,.words-vex-score svg g[class*=vf-stem] line,.words-vex-score svg g path[class*=stem],.words-vex-score svg g line[class*=stem],.words-vex-score svg path[class*=beam],.words-vex-score svg line[class*=beam],.words-vex-score svg g[class*=beam] path,.words-vex-score svg g[class*=beam] line,.words-vex-score svg g:not([class*=vf-stave]) path:not([class*=notehead]),.words-vex-score svg g:not([class*=vf-stave]) line{stroke:var(--notation-ink,#1f2937)!important;stroke-width:1.5px!important}.words-vex-score svg .vf-dot{fill:var(--notation-ink,#1f2937)!important;stroke:var(--notation-ink,#1f2937)!important}@media (max-width:1400px){.words-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.words-import-backdrop{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.words-import-modal{border:var(--surface-border,1px solid #a9d3e3);background:#fffffffa;border-radius:.95rem;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(1120px,96vw);max-height:88vh;padding:14px;display:grid;box-shadow:0 16px 38px #0f172a47}.words-import-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.words-import-header h2{color:#0f766e;margin:0;font-size:1.05rem}.words-import-header p{color:#0f172a;opacity:.8;margin:3px 0 0;font-size:.78rem}.words-import-grid{grid-template-columns:minmax(280px,1fr) minmax(380px,1.2fr);gap:10px;min-height:0;display:grid}.words-import-column{color:#0f766e;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;font-size:.73rem;display:grid}.words-import-column>strong{text-transform:uppercase;letter-spacing:.04em;font-weight:800}.words-import-textarea{resize:vertical;min-height:260px}.words-import-section-list{gap:8px;min-height:0;display:grid;overflow:auto}.words-import-section-card{border:var(--surface-border,1px solid #a9d3e3);background:color-mix(in srgb, #fff 95%, var(--pastel-4));border-radius:.65rem;gap:6px;padding:8px;display:grid}.words-import-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.words-import-section-index{text-transform:none;letter-spacing:.03em;color:#155e63;font-size:.7rem;font-weight:800}.words-import-section-preview{text-transform:none;letter-spacing:0;color:#0f172a;white-space:pre-wrap;border:1px solid color-mix(in srgb, var(--pastel-6) 18%, #bfdbfe);background:color-mix(in srgb, #fff 94%, var(--pastel-9));border-radius:.55rem;margin:0;padding:8px;font-size:.78rem;font-weight:600;line-height:1.45}.words-import-link-row{align-items:center;gap:6px;display:inline-flex}.words-import-link-row span{color:#155e63;text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:700}.words-import-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:1020px){.words-header{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}.words-sticky-controls{grid-template-columns:1fr;gap:6px;height:auto;min-height:0;max-height:none;margin-bottom:0;padding:8px 12px;overflow:visible}.words-sticky-controls.is-stuck{padding-left:calc(var(--content-gutter) + 12px);padding-right:calc(var(--content-gutter) + 12px)}.words-regenerate-row,.words-playback-row{flex-wrap:wrap;row-gap:6px}.words-dropdown-menu{width:min(96vw,700px);left:0;right:auto}.words-dropdown-sound{width:min(420px,100vw - 52px);left:auto;right:8px}.words-dropdown-generation{width:min(96vw,640px);max-width:min(96vw,640px);left:0;right:auto;transform:none}.words-main-grid{grid-template-columns:1fr}.words-section-head{flex-wrap:wrap}.words-section-actions-inline{margin-left:0}.words-section-settings-menu:not(.words-section-settings-menu-portal){width:100%;margin-top:4px;position:static}.words-section-type-select{min-width:0}.words-advanced-grid{grid-template-columns:1fr}.words-slider-row{grid-template-columns:minmax(0,1fr) 1fr auto auto}}@media (max-width:768px){.words-page{height:auto;min-height:100vh;min-height:100dvh;overflow-y:visible}.words-main-grid{gap:12px;padding:0 12px}.words-dropdown-menu{width:min(96vw,640px)}.words-dropdown-sound{width:min(96vw,420px);right:0}.words-dropdown-generation{width:min(96vw,640px);max-width:min(96vw,640px)}}@media (max-width:480px){.words-header{padding:6px 10px}.words-header h1{font-size:1.3rem}.words-sticky-controls{margin:0 8px;padding:8px 10px}.words-regenerate-row,.words-playback-row{gap:6px}.words-button,.words-inline-control{--words-toolbar-control-height:32px;height:var(--words-toolbar-control-height);min-height:var(--words-toolbar-control-height);max-height:var(--words-toolbar-control-height);padding:0 10px}.words-slider-row{grid-template-columns:minmax(0,1fr);gap:6px}.words-import-grid{grid-template-columns:1fr}}