: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: #ffffff;--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: rgba(255, 255, 255, .98);--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 rgba(10, 138, 143, .14);--theme-shadow-sm: 0 8px 16px rgba(2, 132, 199, .12);--theme-shadow-lg: 0 14px 30px rgba(2, 132, 199, .18);--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);--control-radius: var(--theme-radius-sm);--words-dropdown-surface-border: var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );--words-dropdown-surface-radius: .85rem;--words-dropdown-surface-bg: rgba(255, 255, 255, .98);--words-dropdown-surface-shadow: 0 8px 16px rgba(2, 132, 199, .12)}body{margin:0;font-family:Roboto,Segoe UI,system-ui,-apple-system,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;min-height:100vh;width:100%;max-width:100%;--content-gutter: 16px;--card-inner-pad: 16px;padding:0 0 var(--content-gutter);color:#0f172a;font-family:inherit;--words-slider-track: #0f766e;--words-slider-rail: color-mix(in srgb, var(--pastel-8) 74%, #ffffff);--words-slider-mark: color-mix(in srgb, var(--pastel-8) 72%, #ffffff);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));display:grid;grid-template-rows:auto auto minmax(0,1fr);row-gap:8px;-moz-column-gap:16px;column-gap:16px;overflow-x:hidden;overflow-y:hidden}@supports (height: 100dvh){.words-page{height:100dvh;min-height:100dvh}}.words-header{display:flex;align-items:center;justify-content:flex-start;gap:16px;height:50px;min-height:50px;max-height:50px;padding:6px calc(var(--content-gutter) + var(--card-inner-pad));background:transparent;border-bottom:0;box-sizing:border-box;overflow:hidden}.words-header h1{margin:0;color:#0f766e;font-size:1.65rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,255,255,.55)}.words-sticky-controls{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 var(--content-gutter) 0;padding:6px var(--card-inner-pad);height:50px;min-height:50px;max-height:50px;box-sizing:border-box;border-radius:.9rem;background:#fffffff2;border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );box-shadow:none;overflow:visible;transition:border-radius .12s ease,box-shadow .12s ease,background-color .12s ease}.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);border-radius:.9rem;box-shadow:0 10px 22px #0284c729;background:color-mix(in srgb,var(--pastel-9) 94%,var(--pastel-4))}.words-regenerate-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;min-height:0}.words-controls-label{font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0f766e;margin-right:2px}.words-generation-anchor{position:relative}.words-gear-button{min-width:34px;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center}.words-gear-button .material-symbols-outlined{font-size:18px}.words-gear-button.is-open{box-shadow:0 0 0 2px #0a8a8f2e}.words-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(860px,calc(100vw - 36px));max-height:min(72vh,760px);overflow:auto;z-index:80;padding:16px;border:var(--words-dropdown-surface-border);border-radius:var(--words-dropdown-surface-radius);background:var(--words-dropdown-surface-bg);box-shadow:var(--words-dropdown-surface-shadow);backdrop-filter:blur(4px)}.words-section-chord-dropdown.shared-chord-progression-dropdown,.words-section-style-dropdown.shared-chord-style-dropdown,.words-bpm-dropdown .shared-bpm-dropdown-list{box-shadow:var(--words-dropdown-surface-shadow)!important}.words-dropdown-generation{left:0;right:auto;transform:none;width:min(640px,calc(100vw - (var(--content-gutter) * 2)));max-width:min(640px,calc(100vw - (var(--content-gutter) * 2)));max-height:min(80vh,620px);overflow-x:hidden;overflow-y:auto;padding:12px 16px}.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{font-size:.68rem;line-height:1.4;margin-bottom:4px;color:#475569}.words-dropdown-generation .words-gs-heading{font-size:.64rem}.words-dropdown-generation .words-mutation-row{font-size:.72rem;min-height:28px;padding:2px 0}.words-dropdown-generation .words-mutation-checkbox{width:16px;height:16px;margin:0;-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox}.words-dropdown-generation .words-segmented-toggle button{font-size:.66rem;padding:4px 10px}.words-dropdown-generation .words-alignment-subtoggle{margin-top:2px;margin-left:24px;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--pastel-5) 30%,#bae6fd)}.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{width:min(420px,calc(100vw - 36px));display:grid;gap:8px;right:10px}.words-dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#0f766e;font-size:.8rem;letter-spacing:.02em}.words-generation-header{flex-wrap:wrap;gap:4px 10px;align-items:flex-start}.words-generation-title{display:inline-flex;align-items:center;gap:4px}.words-generation-title .words-setting-help{font-size:.85rem}.words-generation-header-actions{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-end;color:#115e59;letter-spacing:.01em}.words-mutation-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:#155e63;cursor:pointer;min-height:0;padding:1px 0}.words-mutation-checkbox{width:14px;height:14px;accent-color:#0a8a8f;cursor:pointer;flex-shrink:0}.words-alignment-block{display:grid;gap:4px}.words-alignment-master-row{align-items:flex-start}.words-alignment-subtoggle{margin-left:18px}.words-alignment-label-row{display:flex;align-items:center}.words-segmented-toggle{display:flex;flex-wrap:wrap;gap:4px}.words-segmented-toggle button{border:1px solid color-mix(in srgb,var(--pastel-5) 32%,#bae6fd);border-radius:.35rem;padding:2px 7px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0f766e;background:color-mix(in srgb,var(--pastel-9) 94%,#ffffff);cursor:pointer;transition:background .12s ease,border-color .12s ease}.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);border-color:#0a8a8f;color:#0b4f54}.words-dropdown-menu .words-slider-row{margin-bottom:6px}.words-dropdown-menu .words-slider-row:last-child{margin-bottom:0}.words-text-button{border:0;background:transparent;color:#0a8a8f;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.words-text-button:hover{text-decoration:underline}.words-main-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:16px;align-items:stretch;padding:0 var(--content-gutter);min-height:0;min-width:0}.words-editor-card,.words-rhythm-card{background:#fffffff2;border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );border-radius:.9rem;box-shadow:0 10px 24px #0284c717;padding:var(--card-inner-pad)}.words-editor-card{display:flex;flex-direction:column;min-height:340px}.word-rhythm-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:#7c2d12;min-height:34px;box-sizing:border-box;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--pastel-3) 38%,white);border:1px solid color-mix(in srgb,var(--pastel-2) 50%,#fdba74)}.words-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--pastel-6) 28%,#cbd5e1);background:color-mix(in srgb,var(--pastel-9) 88%,var(--pastel-8));color:#0f766e;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;min-height:34px;box-sizing:border-box;padding:6px 14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.words-button:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0a8a8f38}.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));border-color:#ea580c;color:#fff}.words-split-button{display:inline-flex;align-items:stretch;border-radius:999px;overflow:hidden;border:1px solid #ea580c;background:linear-gradient(135deg,color-mix(in srgb,var(--pastel-3) 88%,#f59e0b),color-mix(in srgb,var(--pastel-2) 88%,#ea580c));box-shadow:0 2px 6px #ea580c2e}.words-split-button .words-button{border:0;border-radius:0;min-height:34px;background:transparent;box-shadow:none;color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.words-split-button .words-button:hover{background:#ffffff1f;transform:none;box-shadow:none}.words-split-button .words-split-action{padding:6px 12px 6px 14px}.words-split-button .words-split-menu-trigger{border-left:0;padding:6px 8px 6px 12px;gap:2px;display:inline-flex;align-items:center;position:relative}.words-split-button .words-split-menu-trigger:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:1px;background:#fff6}.words-split-arrow{font-size:18px!important;margin-left:-2px;opacity:.85}.words-randomize-option.active{border-color:#0a8a8f;background:color-mix(in srgb,var(--pastel-5) 24%,#ffffff);color:#0b5f63;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pastel-6) 44%,#67e8f9)}.words-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}.words-gs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;align-items:start}.words-gs-col{display:grid;gap:4px}.words-gs-heading{margin:0 0 2px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0f766e;padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--pastel-5) 28%,#bae6fd)}.words-gs-heading--sub{margin-top:8px}.words-gs-indent{margin-left:24px;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--pastel-5) 30%,#bae6fd)}.words-advanced-block{padding:10px;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--pastel-5) 24%,#bae6fd);background:color-mix(in srgb,var(--pastel-9) 96%,var(--pastel-8));display:grid;gap:8px}.words-advanced-block h3{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:#0f766e}.words-mutation-group-title{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#0f766e;line-height:1.2}.words-mutation-group-blurb{margin:0 0 2px;font-size:.68rem;line-height:1.35;color:#115e59;letter-spacing:.01em}.words-bias-toggle-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;padding:1px 0}.words-bias-label{font-size:.65rem;color:#115e59;text-align:right}.words-bias-toggle{font-size:.6rem}.words-bias-toggle button{padding:2px 8px;min-width:0}.words-freestyle-strength{display:grid;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:4px 0 6px;margin-top:2px}.words-freestyle-strength .words-bias-label{font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#115e59}.words-freestyle-strength .words-bias-value{font-size:.67rem;font-weight:600;text-align:right;color:#115e59;font-variant-numeric:tabular-nums}.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{margin:0 0 4px;font-size:.68rem;line-height:1.35;color:#115e59}@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);gap:12px;align-items:start}.words-slider-row{display:grid;grid-template-columns:minmax(0,1fr) 96px auto auto;align-items:center;gap:5px;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:#155e63}.words-slider-row .words-button-icon{min-width:24px;min-height:24px;padding:3px}.words-setting-label{display:inline-flex;align-items:center;gap:4px}.words-setting-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;border-radius:50%;background:color-mix(in srgb,var(--pastel-9) 88%,#ffffff);color:#0f766e;padding:0;cursor:help}.words-setting-help .material-symbols-outlined{font-size:14px;line-height:1}.words-slider-row .words-slider-input{width:100%;--app-slider-track: var(--words-slider-track);--app-slider-rail: var(--words-slider-rail);--app-slider-mark: var(--words-slider-mark)}.words-slider-row .words-slider-input .MuiSlider-thumb{width:14px;height:14px}.words-slider-row>span:not(.words-setting-label){font-size:.68rem;color:#7c2d12;min-width:26px;text-align:right}.words-template-block{grid-column:span 2}.words-template-presets{display:flex;flex-wrap:wrap;gap:6px}.words-button-template{min-height:28px;padding:3px 9px;font-size:.64rem;display:inline-flex;align-items:center;gap:4px}.words-button-template.is-active{border-color:#0a8a8f;background:color-mix(in srgb,var(--pastel-5) 24%,#ffffff);color:#0b5f63;box-shadow:0 0 0 2px #0a8a8f2e,inset 0 0 0 1px color-mix(in srgb,var(--pastel-6) 44%,#67e8f9)}.words-template-input{width:100%;min-height:30px;border:1px solid color-mix(in srgb,var(--pastel-6) 30%,#cbd5e1);border-radius:.55rem;padding:0 8px;font-size:.72rem;font-weight:600;color:#0f172a;background:#fff}.words-template-preview{border:1px solid color-mix(in srgb,var(--pastel-5) 30%,#99f6e4);border-radius:.6rem;padding:4px;background:#fff;overflow-x:auto;max-width:100%;min-width:0}.words-template-error{margin:0;font-size:.74rem;color:#b91c1c;font-weight:700}.words-toggle-inline{justify-self:start}.words-chord-settings{display:grid;gap:6px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--pastel-5) 24%,#bae6fd);border-radius:.6rem;background:color-mix(in srgb,var(--pastel-9) 96%,var(--pastel-8))}.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]{width:100%;min-height:28px;border:1px solid color-mix(in srgb,var(--pastel-6) 30%,#cbd5e1);border-radius:.45rem;padding:0 8px;background:#fff;color:#0f172a;font:inherit;font-weight:700;text-transform:none;letter-spacing:normal}.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,calc(100vw - 40px));max-width:min(620px,calc(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,calc(100vw - 40px));max-width:min(620px,calc(100vw - 40px))}.words-section-chord-dropdown .shared-chord-progression-preset-list{grid-template-columns:1fr;max-height:min(44vh,360px)}}.words-select-inline{width:100%;min-height:28px;border:1px solid color-mix(in srgb,var(--pastel-6) 30%,#cbd5e1);border-radius:.45rem;padding:0 8px;background:#fff;color:#0f172a;font:inherit;font-weight:700;text-transform:none;letter-spacing:normal}.words-chord-style-select{border-color:color-mix(in srgb,var(--pastel-6) 36%,#a7f3d0);background:color-mix(in srgb,#ffffff 96%,var(--pastel-8));color:#0f172a}.words-chord-style-select:focus{outline:none;border-color:#0a8a8f;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{margin:0;font-size:.72rem;color:#155e63;font-weight:700}.words-button-random-chords{justify-self:start;min-height:28px;padding:4px 10px;font-size:.64rem}.words-sections-list{display:grid;gap:10px}.words-sections-column{display:grid;gap:10px;align-content:start;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.words-rhythm-card{min-height:0;min-width:0;overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable;position:relative}.words-section-card{border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );border-radius:.9rem;padding:var(--card-inner-pad);display:grid;gap:8px;background:#fffffff2;box-shadow:0 10px 24px #0284c717;position:relative}.words-section-card.is-looping{border-color:color-mix(in srgb,#f97316 64%,#fdba74);box-shadow:0 0 0 1px color-mix(in srgb,#fb923c 70%,transparent),0 0 18px #f973163d,0 10px 24px #0284c717}.words-section-card.is-settings-open{z-index:12}.words-section-head{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.words-section-head strong{font-size:.78rem;color:#0f172a;margin-right:auto}.words-section-type-select{width:auto;min-width:130px}.words-section-actions-inline{margin-left:auto;display:inline-flex;align-items:center;gap:4px;align-self:center}.words-section-settings-anchor{position:relative;display:inline-flex}.words-section-settings-anchor.is-open{z-index:20}.words-button-icon{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;width:30px;height:30px;padding:0;border-radius:.55rem}.words-button-icon .material-symbols-outlined{font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:middle}.words-section-loop-button{min-height:30px;height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.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));border-color:#ea580c;color:#fff}.words-link-toggle-chorus.is-linked:hover{box-shadow:0 8px 16px #ea580c47}.words-section-textarea:disabled{opacity:.82}.words-section-textarea{flex:none;min-height:120px;resize:vertical}.words-section-actions{display:flex;gap:6px;flex-wrap:wrap}.words-section-settings-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:min(460px,calc(100vw - 64px));display:grid;gap:10px}.words-dropdown-section{width:100%;max-width:100%;min-width:0;display:grid;gap:8px}.words-dropdown-section .words-chorus-link-controls{padding:10px}.words-section-settings-menu-portal{position:fixed;z-index:140;max-height:min(72vh,720px);overflow:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;border:var(--words-dropdown-surface-border);border-radius:var(--words-dropdown-surface-radius);background:var(--words-dropdown-surface-bg);box-shadow:var(--words-dropdown-surface-shadow);backdrop-filter:blur(4px)}.words-chord-input-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.words-chord-input-with-action .words-button-icon{width:30px;height:30px;min-width:30px;min-height:30px;align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:0}.words-chord-input-with-action .words-button-icon .material-symbols-outlined{font-size:18px;line-height:1;margin:0;transform:translateY(0)}.words-template-input-with-link{display:grid;gap:6px}.words-template-input-only{display:block;width:100%;min-width:0}.words-template-input-only input[type=text]{width:100%;min-width:0;box-sizing:border-box}.words-chorus-link-controls{display:grid;gap:6px;padding:8px;border:1px solid color-mix(in srgb,var(--pastel-6) 20%,#e2e8f0);border-radius:.6rem;background:color-mix(in srgb,var(--pastel-9) 96%,var(--pastel-8))}.words-chorus-link-controls strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#155e63}.words-chorus-link-row{display:inline-flex;align-items:center;gap:6px}.words-chorus-link-row span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#155e63}.words-section-template-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.words-template-variation-carousel{display:grid;gap:6px;margin-top:6px;justify-items:center}.words-template-variation-controls{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;padding:2px 0}.words-template-variation-arrow-group{display:inline-flex;align-items:center;gap:6px}.words-template-variation-arrow{width:28px;height:28px;border:1px solid color-mix(in srgb,var(--pastel-6) 28%,#cbd5e1);border-radius:999px;background:#fff;color:#0f766e;display:inline-grid;place-items:center;cursor:pointer;padding:0}.words-template-variation-arrow .material-symbols-outlined{font-size:18px}.words-template-variation-counter{font-size:.7rem;font-weight:700;color:#155e63;min-width:170px;text-align:center}.words-button-template-icon{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.words-section-template-preview{max-width:100%}.words-section-add-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.words-icon-tooltip{position:relative}.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;justify-self:center;min-height:0;font-size:.68rem;font-weight:600;padding:0;border:0;background:transparent;color:#0f766e;text-decoration:none}.words-template-edit-link:hover{box-shadow:none}.words-sample-load{display:grid;gap:4px}.words-sample-load-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:#0f766e}.words-sample-load-track{width:100%;height:8px;border-radius:999px;background:color-mix(in srgb,var(--pastel-9) 86%,var(--pastel-8));border:1px solid color-mix(in srgb,var(--pastel-6) 24%,#bae6fd);overflow:hidden}.words-sample-load-fill{height:100%;width:0;background:linear-gradient(135deg,color-mix(in srgb,var(--pastel-5) 76%,#22d3ee),color-mix(in srgb,var(--pastel-6) 76%,#0ea5e9));transition:width .18s ease}.words-label{margin-bottom:8px;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:#0f766e}.words-textarea{width:100%;flex:1;min-height:120px;resize:none;border:1px solid color-mix(in srgb,var(--pastel-6) 24%,#cbd5e1);border-radius:.7rem;padding:12px;font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;font-size:.94rem;line-height:1.58;background:color-mix(in srgb,var(--pastel-9) 96%,var(--pastel-8));font-weight:500;letter-spacing:.01em}.words-textarea:focus{outline:none;border-color:#0a8a8f;box-shadow:0 0 0 3px #0a8a8f2e}.words-playback-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;min-height:0}.words-randomize-anchor,.words-section-randomize-anchor{position:relative}.words-randomize-menu{min-width:180px;display:grid;gap:4px;padding:6px;border-radius:.65rem;border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );background:#fffffffa;box-shadow:0 8px 20px #0284c729}.words-randomize-menu-section{position:absolute;top:calc(100% + 6px);left:auto;right:0;z-index:130}.words-randomize-option{justify-content:flex-start;width:100%}.words-randomize-menu-list,.words-export-menu-list{display:grid;gap:6px;width:100%}.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, rgba(255, 255, 255, .98));--theme-surface-elevated: var( --words-dropdown-surface-bg, rgba(255, 255, 255, .98) );--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 rgba(2, 132, 199, .12) )}.shared-export-panel-words{border-radius:var(--words-dropdown-surface-radius, .85rem)}.shared-export-popover-words{border:var(--words-dropdown-surface-border)!important;border-radius:var(--words-dropdown-surface-radius)!important;background:var(--words-dropdown-surface-bg)!important;box-shadow:var(--words-dropdown-surface-shadow)!important;backdrop-filter:blur(4px)}.shared-export-panel-words{background:var(--words-dropdown-surface-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);background:#fff;transform:none;box-shadow: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%,#ffffff);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{outline:none;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)}.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;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;min-height:34px;padding:6px 14px;transition:transform .12s ease,box-shadow .12s ease}.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{display:inline-flex;align-items:center;justify-content:center}.words-metronome-toggle.words-button{background:color-mix(in srgb,var(--pastel-9) 88%,var(--pastel-8));border-color:color-mix(in srgb,var(--pastel-6) 28%,#cbd5e1);color:#0f766e;min-height:34px;height:34px;min-width:42px;padding:0 10px;border-radius:999px}.words-metronome-toggle.words-button.is-on{background:linear-gradient(135deg,color-mix(in srgb,var(--pastel-3) 88%,#f59e0b),color-mix(in srgb,var(--pastel-2) 88%,#ea580c));border-color:#ea580c;color:#fff}.words-metronome-toggle.words-button:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--pastel-5) 46%,#67e8f9)}.words-metronome-toggle .metronome-on-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.words-inline-control{display:inline-flex;align-items:center;gap:6px;min-height:34px;box-sizing:border-box;font-size:.76rem;font-weight:700;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;padding:6px 12px;line-height:1}.words-inline-control-bpm{gap:6px}.words-inline-control{max-height:36px;overflow:visible}.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{max-height:24px}.words-bpm-input .shared-bpm-shell{border:0;border-radius:0;background:transparent;min-height:22px;max-height:26px;padding:0 .08rem;gap:.06rem}.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-rate-btn.inline{height:auto;padding:0 .16rem;min-width:22px;font-size:.66rem}.words-bpm-input .shared-bpm-value{font-weight:800;color:#0f172a;width:3.8ch;min-width:3.8ch}.words-key-input .shared-key-shell{border:0;border-radius:0;background:transparent;min-height:22px;max-height:26px;padding:0 .08rem;gap:.06rem}.words-key-input .shared-key-shell:focus-within{box-shadow:none}.words-key-input .shared-key-value-btn{font-weight:800;font-size:.875rem;padding:0 .25rem}.words-key-input .shared-key-value-btn .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.92rem;line-height:1}.shared-key-dropdown.words-key-dropdown{--key-dropdown-bg: rgba(255, 255, 255, .98);--key-dropdown-border: color-mix(in srgb, #0a8a8f 24%, #dbeafe);--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: color-mix(in srgb, #b8dfe6 72%, #22d3ee);--key-chip-hover-bg: color-mix(in srgb, #ffffff 88%, var(--pastel-7));--key-chip-hover-shadow: 0 8px 16px rgba(2, 132, 199, .14);--key-chip-hover-transform: translateY(-1px);--key-chip-active-border: color-mix(in srgb, #0a8a8f 46%, #c9eceb);--key-chip-active-bg: color-mix(in srgb, #ffffff 92%, var(--pastel-7));--key-chip-active-text: #0f766e;--key-chip-active-shadow: 0 10px 20px rgba(2, 132, 199, .16), 0 0 20px rgba(10, 138, 143, .16);border-radius:.85rem;border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );background:#fffffffa;box-shadow:0 8px 16px #0284c71f;min-width:min(420px,calc(100vw - 44px));max-width:min(520px,calc(100vw - 44px))}.words-inline-control input,.words-inline-control select{height:22px;border-radius:.45rem;border:0;padding:0 .25rem;background:transparent;color:#0f172a;font:inherit;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{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;flex:0 0 20px;align-self:center;padding:0;border:0;background:transparent;color:#0f766e;cursor:pointer}.words-inline-dice-button .material-symbols-outlined{display:block;font-size:15px;line-height:1}.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{padding:10px;gap:6px}.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{padding:.1rem .2rem .35rem;color:#0f766e;font-size:.72rem;font-weight:700;letter-spacing:.04em;border-bottom:0}.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: color-mix(in srgb, #b7ebe6 74%, #ffffff);--words-slider-mark: color-mix(in srgb, #b7ebe6 72%, #ffffff);padding:.4rem .66rem 1.22rem;border:0;border-radius:.6rem;background:transparent}.words-bpm-slider{--app-slider-track: var(--words-slider-track, #0f766e);--app-slider-rail: var( --words-slider-rail, color-mix(in srgb, #b7ebe6 74%, #ffffff) );--app-slider-mark: var( --words-slider-mark, color-mix(in srgb, #b7ebe6 72%, #ffffff) );--app-slider-mark-active: color-mix(in srgb, #0f766e 62%, #8dd9da)}.words-bpm-slider .MuiSlider-markLabel{color:#0f766e}.words-bpm-dropdown .shared-bpm-presets-label{color:#155e63;font-weight:650;letter-spacing:.02em}.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,#ffffff 94%,var(--pastel-8));color:#2a4757;font-size:.71rem;font-weight:550;letter-spacing:.01em}.words-bpm-dropdown .shared-bpm-preset-chip:hover{border-color:color-mix(in srgb,#b8dfe6 70%,#22d3ee);background:color-mix(in srgb,#ffffff 88%,var(--pastel-7));color:#0f766e}.words-bpm-dropdown .shared-bpm-preset-chip.active{border-color:color-mix(in srgb,#0a8a8f 58%,#b9ebe8);background:color-mix(in srgb,#ffffff 86%,var(--pastel-7));color:#0d7f80;box-shadow:inset 0 0 0 1px #0a8a8f17}.word-rhythm-output{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:.78rem;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;padding:8px}.word-rhythm-output code{display:inline-block;max-width:100%;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;padding:.2rem .35rem}.words-edit-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;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;font-weight:700;text-decoration:none;white-space:nowrap}.words-edit-link:hover{text-decoration:underline;box-shadow:0 3px 8px #b4530926}.words-button-add{display:inline-flex;align-items:center;justify-content:center;gap:4px}.words-button-add .material-symbols-outlined{font-size:16px}.words-score-actions{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 calc(var(--card-inner-pad) * -1) 8px;position:sticky;top:calc(var(--card-inner-pad) * -1);z-index:10;background:#fff;padding:10px var(--card-inner-pad) 8px;border-bottom:1px solid color-mix(in srgb,var(--pastel-6) 16%,#e2e8f0);box-shadow:none}.words-score-actions.is-stuck{box-shadow:0 8px 12px #0284c714}.words-score-stats{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#155e63}.words-score-zoom{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px}.words-score-zoom span{min-width:44px;text-align:center;font-size:.72rem;font-weight:700;color:#155e63}.words-export-menu{width:280px;display:grid;gap:6px}.words-export-option{justify-content:flex-start}.words-vex-score{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid color-mix(in srgb,var(--pastel-5) 42%,#99f6e4);border-radius:.65rem;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)));padding:8px;scroll-margin-top:64px}.words-notation-sections{display:grid;gap:10px;overflow-x:hidden;overflow-y:visible;min-width:0}.words-notation-section{display:grid;gap:4px;min-width:0;border-left:3px solid transparent;padding-left:6px;border-radius:.45rem;transition:background-color .14s ease,border-color .14s ease}.words-notation-section.is-active{border-left-color:color-mix(in srgb,#f97316 64%,#fdba74);background:#fffffff2;box-shadow:0 0 0 1px color-mix(in srgb,#fb923c 70%,transparent),0 0 18px #f973163d,0 10px 24px #0284c717}.words-notation-section-title{margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.03em;color:#0f766e;font-weight:800}.words-vex-score svg{display:block;min-width:100%;width:-moz-max-content;width:max-content;max-width:none}@media(max-width:1400px){.words-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.words-import-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#0f172a8c;backdrop-filter:blur(2px)}.words-import-modal{width:min(1120px,96vw);max-height:88vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;border-radius:.95rem;padding:14px;border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );background:#fffffffa;box-shadow:0 16px 38px #0f172a47}.words-import-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.words-import-header h2{margin:0;font-size:1.05rem;color:#0f766e}.words-import-header p{margin:3px 0 0;font-size:.78rem;color:#0f172a;opacity:.8}.words-import-grid{min-height:0;display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.2fr);gap:10px}.words-import-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;font-size:.73rem;color:#0f766e}.words-import-column>strong{text-transform:uppercase;letter-spacing:.04em;font-weight:800}.words-import-textarea{min-height:260px;resize:vertical}.words-import-section-list{min-height:0;overflow:auto;display:grid;gap:8px}.words-import-section-card{border:var( --surface-border, 1px solid color-mix(in srgb, #0a8a8f 24%, #dbeafe) );border-radius:.65rem;background:color-mix(in srgb,#ffffff 95%,var(--pastel-4));padding:8px;display:grid;gap:6px}.words-import-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.words-import-section-index{font-size:.7rem;text-transform:none;letter-spacing:.03em;color:#155e63;font-weight:800}.words-import-section-preview{margin:0;font-size:.78rem;font-weight:600;line-height:1.45;text-transform:none;letter-spacing:0;color:#0f172a;white-space:pre-wrap;padding:8px;border-radius:.55rem;border:1px solid color-mix(in srgb,var(--pastel-6) 18%,#bfdbfe);background:color-mix(in srgb,#ffffff 94%,var(--pastel-9))}.words-import-link-row{display:inline-flex;align-items:center;gap:6px}.words-import-link-row span{font-size:.72rem;color:#155e63;text-transform:none;letter-spacing:0;font-weight:700}.words-import-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}@media(max-width:1020px){.words-header{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}.words-sticky-controls{grid-template-columns:1fr;height:auto;min-height:0;max-height:none;margin-bottom:0;padding:8px 12px;overflow-x:visible;overflow-y:visible;gap:6px}.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{left:0;right:auto;width:min(96vw,700px)}.words-dropdown-sound{left:auto;right:8px;width:min(420px,calc(100vw - 52px))}.words-dropdown-generation{left:0;right:auto;transform:none;width:min(96vw,640px);max-width:min(96vw,640px)}.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){position:static;width:100%;margin-top:4px}.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;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{min-height:32px;padding:5px 10px}.words-slider-row{grid-template-columns:minmax(0,1fr);gap:6px}.words-import-grid{grid-template-columns:1fr}}