@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/midi-spark/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/midi-spark/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/midi-spark/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/midi-spark/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/midi-spark/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/midi-spark/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Inter Variable", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", monospace;--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--radius-sm:.25rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\[1px\]{top:1px;right:1px;bottom:1px;left:1px}.inset-x-\[1px\]{inset-inline:1px}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-\[-6px\]{right:-6px}.right-\[8px\]{right:8px}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-\[-6px\]{left:-6px}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-10{height:calc(var(--spacing) * 10)}.h-\[13px\]{height:13px}.h-\[60\%\]{height:60%}.h-full{height:100%}.h-screen{height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-12{width:calc(var(--spacing) * 12)}.w-\[4px\]{width:4px}.w-\[13px\]{width:13px}.w-\[14px\]{width:14px}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-ew-resize{cursor:ew-resize}.cursor-move{cursor:move}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[1px\]{border-radius:1px}.rounded-\[3px\]{border-radius:3px}.rounded-t-\[2px\]{border-top-left-radius:2px;border-top-right-radius:2px}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-\[2px\]{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[\#8e6e53\]{border-color:#8e6e53}.border-\[\#547052\]{border-color:#547052}.border-\[\#c1c2e2\]{border-color:#c1c2e2}.border-\[\#e0c6a3\]{border-color:#e0c6a3}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-amber-400{border-color:var(--color-amber-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-cyan-400{border-color:var(--color-cyan-400)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-fuchsia-400{border-color:var(--color-fuchsia-400)}.border-lime-400{border-color:var(--color-lime-400)}.border-orange-400{border-color:var(--color-orange-400)}.border-rose-400{border-color:var(--color-rose-400)}.border-violet-400{border-color:var(--color-violet-400)}.bg-\[\#8d8eb9\]{background-color:#8d8eb9}.bg-\[\#8e6e53\]{background-color:#8e6e53}.bg-\[\#849e80\]{background-color:#849e80}.bg-\[\#19211f\]{background-color:#19211f}.bg-\[\#bc986d\]{background-color:#bc986d}.bg-\[\#c5c8c2\]{background-color:#c5c8c2}.bg-\[var\(--accent\)\]\/\[0\.06\]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--accent\)\]\/\[0\.06\]{background-color:color-mix(in oklab,var(--accent) 6%,transparent)}}.bg-\[var\(--app-bg\)\]{background-color:var(--app-bg)}.bg-\[var\(--piano-black\)\]{background-color:var(--piano-black)}.bg-\[var\(--piano-white\)\]{background-color:var(--piano-white)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/\[0\.15\]{background-color:#00000026}@supports (color:color-mix(in lab,red,red)){.bg-black\/\[0\.15\]{background-color:color-mix(in oklab,var(--color-black) 15%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-400\/80{background-color:#00d294cc}@supports (color:color-mix(in lab,red,red)){.bg-emerald-400\/80{background-color:color-mix(in oklab,var(--color-emerald-400) 80%,transparent)}}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-transparent{background-color:#0000}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-white\/0{background-color:color-mix(in oklab,var(--color-white) 0%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-\[\#172237\]{color:#172237}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--text-main\)\]{color:var(--text-main)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-\[inset_0_0_0_999px_rgba\(94\,124\,246\,0\.08\)\]{--tw-shadow:inset 0 0 0 999px var(--tw-shadow-color,#5e7cf614);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:brightness-110:is(:where(.group):hover *){--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-125:hover{--tw-brightness:brightness(125%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.active\:brightness-90:active{--tw-brightness:brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.sm\:right-\[10px\]{right:10px}.sm\:w-\[16px\]{width:16px}}}:root{color-scheme:dark;--app-bg:#141618;--surface-bg:#1a1d20;--surface-soft:#202428;--surface-bg-hover:#2b3035;--text-main:#e9edeb;--text-muted:#a4adae;--text-subtle:#7f8a8d;--fg-ui-primary:#edf6ee;--fg-ui-secondary:#cbddce;--fg-ui-muted:#b9cfbc;--stroke-ui-control:#819a85;--type-ui-ancillary:11px;--type-ui-operational:12px;--type-ui-heading:13px;--accent:#d3e8a0;--accent-hover:#e1efbf;--border-color:#2c3236;--border-strong:#424c51;--piano-black:#181c1f;--piano-white:#252c30;--font-sans:"Inter Variable", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--app-bg);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button,input,select,summary{-webkit-tap-highlight-color:transparent}button{transition:background .13s,color .13s,border-color .13s}:where(button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=range]{accent-color:var(--accent)}select option,select optgroup{color:var(--text-main);background:#22272b}::selection{color:#fff;background:#586e4b}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#454f54;border:2px solid #202428;border-radius:6px}::-webkit-scrollbar-corner{background:0 0}.workbench{grid-template-rows:64px minmax(0,1fr) 30px;height:100dvh;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--border-color);z-index:40;background:#181b1e;grid-template-columns:284px auto 1fr;align-items:center;gap:20px;padding:0 22px 0 24px;display:grid}.wordmark{letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:11px;font-size:19px;font-weight:760;line-height:1;display:flex}.wordmark-light{font-weight:420}.brand-mark{width:30px;height:30px;color:var(--accent);background:#252e22;border:1px solid #414a3c;border-radius:9px;place-items:center;display:grid}.edition{letter-spacing:1.5px;color:var(--text-subtle);vertical-align:middle;margin-left:10px;font-size:8px;font-weight:650}.transport,.project-actions,.history-actions{align-items:center;gap:8px;display:flex}.project-actions{justify-content:flex-end;gap:10px}.icon-button{min-width:34px;height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 7px;display:inline-flex}.icon-button:hover:not(:disabled),.text-button:hover:not(:disabled){color:#f6f8f7;background:#2a3034}.icon-button[aria-pressed=true]{color:var(--accent);background:#2c3526}.primary-button,.secondary-button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:12px;font-weight:630;display:inline-flex}.primary-button{background:var(--accent);color:#20291b;border-color:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.secondary-button{color:#d4dcda;background:#252b2f;border-color:#3b4449}.secondary-button:hover:not(:disabled){color:#fff;background:#323b40;border-color:#5c686e}.secondary-button[aria-pressed=true]{color:var(--accent);border-color:#677954}.wide{width:100%}.text-button{color:var(--text-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:7px;font-size:12px;display:inline-flex}.play-button{border:1px solid var(--accent);background:var(--accent);color:#233018;border-radius:6px;place-items:center;width:38px;height:34px;display:grid}.play-button.playing{color:var(--accent);background:#303c29;border-color:#617948}.control-divider{background:#343c41;flex:none;width:1px;height:20px;margin:0 6px}.tempo-field{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.tempo-field input{text-align:right;color:#e2e8e5;width:42px;font-family:var(--font-mono);background:0 0;border:0;border-bottom:1px solid #48534f;padding:5px 2px;font-size:13px;font-weight:500}.tempo-field span{color:#99a49f;letter-spacing:.8px;font-size:9px}.position-display{font-family:var(--font-mono);color:#c9d2ce;grid-template-columns:auto auto auto;justify-content:center;gap:0 4px;min-width:62px;font-size:14px;line-height:1.1;display:grid}.position-display i{color:#697774;font-style:normal}.position-display small{color:#82908a;letter-spacing:1px;text-align:center;grid-column:1/-1;margin-top:5px;font-size:7px}.project-menu{position:relative}.project-menu summary{list-style:none}.project-menu summary::-webkit-details-marker{display:none}.project-menu-content{z-index:100;background:#252b2f;border:1px solid #455057;border-radius:10px;width:256px;padding:6px;position:absolute;top:42px;right:0;box-shadow:0 16px 44px #0008}.project-menu-content button{text-align:left;color:#d9e0dd;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:11px 9px;font-size:12px;display:flex}.project-menu-content button:hover{background:#354045}.project-menu-content kbd{margin-left:auto}.project-menu-content p{color:var(--text-muted);margin:4px 9px 6px;font-size:10px;line-height:1.6}.project-menu-content .menu-danger{color:#e7afa6}.workspace{grid-template-columns:284px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.inspector{z-index:30;background:#1b1f22;border-right:1px solid #343b3f;flex-direction:column;min-width:0;min-height:0;display:flex}.inspector-tabs-row{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;height:54px;padding:0 16px;display:flex}.inspector-tabs{gap:18px;width:100%;height:100%;display:flex}.inspector-tabs button{color:#99a5a7;background:0 0;border:0;padding:0 1px;font-size:12px;font-weight:530;position:relative}.inspector-tabs button[aria-selected=true]{color:var(--accent)}.inspector-tabs button[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.inspector-panel{scrollbar-width:thin;scrollbar-color:#475258 transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.inspector-content{padding:25px 22px 18px}.panel-intro{margin-bottom:25px}.eyebrow{color:var(--text-subtle);letter-spacing:1.7px;font-size:9px;font-weight:650}.panel-intro h2{letter-spacing:-.8px;color:#f0f3f1;margin:9px 0;font-size:22px;font-weight:520;line-height:1.23}.panel-intro p{color:#96a2a4;max-width:220px;font-size:12px;line-height:1.65}.field-section{border-bottom:1px solid var(--border-color);margin-bottom:22px;padding:0 0 22px}.field-section:last-child{border-bottom:0}.field-section h3{color:#dbe2df;margin:0 0 12px;font-size:12px;font-weight:570}.field-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;display:flex}.field-heading h3,.field-heading label{color:#dbe2df;margin:0;font-size:12px;font-weight:570}.field-heading.spaced{margin-top:24px}.field-heading output{font-family:var(--font-mono);color:#d7e5c7;font-size:12px}.field-heading output span{color:#808d86;margin-left:2px;font-size:10px}.field-hint{color:#909ea0;font-size:10px}.field-pair{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.select-field{width:100%;min-width:0;position:relative}.select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#dbe3e0;text-overflow:ellipsis;cursor:pointer;background:#252c30;border:1px solid #3b4449;border-radius:6px;width:100%;height:36px;padding:0 29px 0 11px;font-size:12px;display:block}.select-field select:hover{border-color:#65716f}.select-field>svg{pointer-events:none;color:#929f9c;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.range-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:4px 0;display:block}.range-field::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-fill),#424c50 var(--range-fill),#424c50 100%);border-radius:3px;height:3px}.range-field::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e1ebd5;border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 0 3px #1b1f22}.range-field::-moz-range-track{background:#424c50;height:3px}.range-field::-moz-range-progress{background:var(--accent);height:3px}.range-field::-moz-range-thumb{background:#e1ebd5;border:0;border-radius:50%;width:11px;height:11px}.range-captions{color:#939fa0;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.segmented{border:1px solid #3b4449;border-radius:6px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.segmented button{height:33px;font-family:var(--font-mono);color:#a8b4b0;background:#23292d;border:0;border-right:1px solid #3b4449;font-size:11px}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{color:var(--accent);background:#3d4b33}.compose-panel{flex-direction:column;min-height:100%;display:flex}.compose-actions{background:#1b1f22;border-top:1px solid #333b3f;margin-top:auto;padding:18px 22px 13px;position:sticky;bottom:0}.generate-button{justify-content:flex-start;width:100%;height:40px;padding:0 12px}.generate-button kbd{opacity:.6;margin-left:auto;font-size:9px}.variation-button{width:100%;margin-top:5px;font-size:11px}.inspector-note{color:#99a5a6;margin:-5px 0 0;font-size:10px;line-height:1.7}.sound-section{border:0;margin-bottom:15px;padding-bottom:0}.field-description{color:#98a5a4;margin:-5px 0 14px;font-size:11px;line-height:1.6}.compact-select{width:88px}.transform-panel .secondary-button.wide{margin-top:8px}.transpose-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.transpose-grid button{gap:3px;padding:0 7px;font-size:11px}.scope-pill{background:#293229;border:1px solid #3f4c3b;border-radius:6px;align-items:center;gap:7px;margin-bottom:22px;padding:10px;font-size:10px;display:flex}.scope-pill strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:550;overflow:hidden}.scope-pill>span:last-child{color:#a4b59b;white-space:nowrap}.scope-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.track-strip{border-bottom:1px solid #343c40;padding:18px 0}.track-strip.focused{background:#252e27;border:1px solid #52634e;border-radius:7px;margin:12px -10px 0;padding:12px 10px}.track-strip-heading{align-items:center;gap:5px;margin-bottom:14px;display:flex}.track-name-button{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.track-name-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:122px;font-size:12px;font-weight:550;display:block;overflow:hidden}.track-name-button small{color:#a3b0ac;margin-top:4px;font-size:9px;display:block}.track-color{border-radius:2px;flex-shrink:0;width:3px;height:26px}.track-toggles{gap:4px;display:flex}.track-toggles button{color:#acb8b4;background:#2b3337;border:1px solid #444e52;border-radius:4px;width:26px;height:27px;font-size:10px}.track-toggles button[aria-pressed=true]{color:#e1e9ac;background:#454b2c;border-color:#79814e}.track-strip .field-heading{margin-top:18px;margin-bottom:5px}.track-audibility{color:#9eaba7;align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.track-audibility>span:last-child{margin-left:auto}.audible-dot,.silent-dot{background:#91b37d;border-radius:50%;width:4px;height:4px}.silent-dot{background:#75837c}.count-badge{font-family:var(--font-mono);color:var(--text-subtle);margin-left:auto}.inspector-empty{color:#92a19d;text-align:center;justify-items:center;gap:12px;padding:30px 10px;font-size:12px;line-height:1.7;display:grid}.editor-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;container-type:inline-size}.editor-context{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex}.editor-title{white-space:nowrap;align-items:center;gap:11px;display:flex}.editor-title svg{color:#9daba4}.editor-title h1{margin:0;font-size:13px;font-weight:570}.editor-title>span{color:#99a7a3;font-size:11px}.editor-title .context-separator{color:#56625f;margin:0 2px}.editor-context-right{color:#98a6a2;align-items:center;gap:16px;font-size:10px;display:flex}.editor-context-right select{color:#b6c1bc;background:0 0;border:0;border-radius:4px;max-width:135px;font-size:11px}.time-signature{font-family:var(--font-mono);color:#a7b5aa;border:1px solid #39443e;border-radius:4px;padding:3px 5px;font-size:9px}.editor-toolbar{background:#1b2023;border-bottom:1px solid #343d40;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;min-height:51px;padding:7px 16px;display:flex}.tool-cluster{align-items:center;gap:4px;display:flex}.tool-cluster .control-divider{margin:0 8px}.tool-segment{gap:2px;display:flex}.tool-segment button{color:#b0bcb8;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 8px;font-size:11px;display:inline-flex}.tool-segment button:hover{color:#fff;background:#2e393a}.tool-segment button[aria-pressed=true]{color:#d8e9b7;background:#3d4a33;border-color:#58664a}.precision-controls{align-items:center;gap:12px;display:flex}.precision-controls>label{align-items:center;gap:7px;display:flex}.precision-controls label>span{color:#929e99;font-size:10px}.precision-controls .select-field{width:74px}.precision-controls .select-field select{background:#242c2e;border-color:#3d4849;height:30px;padding-left:8px;font-size:11px}.precision-controls>.select-field{width:124px}.view-controls{align-items:center;gap:2px;margin-left:auto;display:flex}.view-controls .icon-button{min-width:30px;height:30px;padding:0 6px}.fit-button span{font-size:10px}.piano-editor{background:#171d1f;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.piano-viewport{outline-offset:-3px;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.piano-content{flex-direction:column;width:max-content;min-width:100%;padding-right:22px;display:flex;position:relative}.piano-grid{background-color:#192123}.piano-timeline{background:#20282b!important;border-bottom:1px solid #48514d!important;height:64px!important}.piano-timeline .measure-number{color:#b5c0b8;border-color:#5f716a;border-left-width:1px;height:22px;font-size:10px;font-weight:450;top:9px}.chord-strip{background:#28342f;border-top:1px solid #35423e;height:29px;position:absolute;top:34px;left:0;right:0;overflow:hidden}.chord-chip{color:#bdd4b3;white-space:nowrap;border-right:1px solid #43543e;padding:7px 9px;font-size:10px;font-weight:500;position:absolute;top:0;bottom:0}.chord-chip .chord-dot{vertical-align:middle;background:#b7d58c;border-radius:50%;width:4px;height:4px;margin-right:7px;display:inline-block}.piano-key{color:#a9bab0;padding-right:8px!important;font-size:9px!important}.piano-key.octave-key{color:#d5e3d9;border-top-color:#64776e}.piano-note{box-shadow:none!important;border-radius:3px!important}.piano-note-label{padding-left:2px;color:#112920!important;font-size:10px!important}.piano-note-selected .piano-note-label{color:#fff!important}.velocity-lane{height:76px}.velocity-label{letter-spacing:.5px;color:#96a99e;font-size:9px}.editor-footnote{color:#98a79f;background:#20282a;border-top:1px solid #35413c;flex-shrink:0;justify-content:space-between;align-items:center;min-height:27px;padding:0 15px;font-size:10px;display:flex}.editor-footnote strong{color:#c3d8c2;font-weight:500}.pattern-empty{text-align:center;background-image:linear-gradient(#adc8b608 1px,#0000 1px),linear-gradient(90deg,#adc8b608 1px,#0000 1px);background-size:56px 28px;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:28px 20px;display:flex}.empty-motif{grid-template-rows:repeat(5,18px);grid-template-columns:repeat(10,16px);gap:5px;margin:10px 0 28px;display:grid;transform:translate(-5px)}.empty-motif span{opacity:.75;background:#a5c790;border:1px solid #c5dda1;border-radius:3px}.empty-motif span:first-child{grid-area:4/1/auto/4}.empty-motif span:nth-child(2){opacity:.4;grid-area:2/2/auto/5}.empty-motif span:nth-child(3){grid-area:3/4/auto/7}.empty-motif span:nth-child(4){grid-area:1/7/auto/10}.empty-motif span:nth-child(5){opacity:.45;grid-area:4/8/auto/11}.pattern-empty .eyebrow{color:#b5c3a2;font-size:10px}.pattern-empty h2{letter-spacing:-1px;margin:12px 0;font-size:clamp(22px,3vw,32px);font-weight:480;line-height:1.2}.pattern-empty p{color:#9fafa8;max-width:360px;margin:0;font-size:12px;line-height:1.75}.empty-actions{gap:10px;margin:25px 0 20px;display:flex}.pattern-empty .empty-hint{color:#83988a;font-size:10px}.app-status{border-top:1px solid var(--border-color);color:#98a69f;background:#181c1e;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:10px;display:flex}.save-status{align-items:center;gap:7px;display:flex}.save-status svg{color:#b1ca98}.status-hints{align-items:center;gap:6px;display:flex}.status-hints i{color:#51615a;margin:0 4px;font-style:normal}kbd{font-family:var(--font-mono);font-size:.9em;font-weight:450}.app-status button{color:#a0b2a7;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.app-status button kbd{text-align:center;border:1px solid #47554d;border-radius:3px;width:15px}.inspector-close,.inspector-backdrop{display:none}.toast-region{z-index:120;pointer-events:none;width:max-content;max-width:calc(100% - 32px);position:fixed;bottom:43px;left:50%;transform:translate(-50%)}.toast{color:#e0e9dc;pointer-events:auto;background:#303b35;border:1px solid #586c57;border-radius:9px;align-items:center;gap:10px;max-width:520px;padding:8px 10px 8px 14px;font-size:12px;line-height:1.5;display:flex;box-shadow:0 10px 35px #0006}.toast>svg{color:var(--accent);flex-shrink:0}.toast.error{background:#3d2d2b;border-color:#805950}.toast.error>svg{color:#f0b2a0}.toast .icon-button{min-width:25px;height:25px}.shortcut-dialog{color:#dce6df;background:#222a26;border:1px solid #526153;border-radius:14px;width:min(560px,100vw - 32px);max-height:min(720px,85dvh);margin:auto;padding:0;box-shadow:0 30px 80px #0009}.shortcut-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080d0bbd}.dialog-content{padding:24px}.dialog-content header{align-items:center;gap:10px;display:flex}.dialog-content h2{letter-spacing:-.5px;flex:1;font-size:20px;font-weight:530}.dialog-content>p{color:#a1b0a6;margin-top:12px;font-size:12px;line-height:1.7}.dialog-content section{border-top:1px solid #3b4a40;margin-top:22px;padding-top:18px}.dialog-content h3{color:#cce5a8;margin-bottom:10px;font-size:11px;font-weight:600}.dialog-content dl>div{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:11px;display:flex}.dialog-content dd{white-space:nowrap;color:#acbdb0}.dialog-content footer{color:#a1b0a6;margin-top:20px;font-size:10px;line-height:1.6}.file-drop-overlay{z-index:130;color:#daecc2;pointer-events:none;background:#152119ee;border:2px dashed #bdd992;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:8px;right:8px;bottom:8px;left:8px}.file-drop-overlay h2{font-size:26px}.file-drop-overlay p{font-size:13px}@container (max-width:940px){.tool-segment button>span{display:none}.editor-toolbar{gap:11px}.tool-segment button{justify-content:center;width:32px;padding:0}}@container (max-width:650px){.editor-toolbar{gap:8px;padding:6px 10px}.precision-controls{border-top:1px solid #343d40;order:3;width:100%;padding-top:6px}.view-controls{margin-left:auto}.editor-context{padding:0 14px}}@media(max-width:1150px){.app-header{grid-template-columns:260px auto 1fr;gap:10px;padding:0 16px}.project-actions{gap:5px}.workspace{grid-template-columns:260px minmax(0,1fr)}.inspector-content{padding:23px 18px 16px}.compose-actions{padding-left:18px;padding-right:18px}.history-actions{gap:0}.position-display,.position-divider,.edition{display:none}}@media(max-width:900px){.history-actions,.history-divider{display:none}.app-header{grid-template-columns:240px auto 1fr}.workspace{grid-template-columns:240px minmax(0,1fr)}.inspector-tabs{gap:15px}.panel-intro h2{font-size:20px}.import-button{width:34px;padding:0}.import-button span,.editor-title>span,.status-hints{display:none}}@media(max-width:760px){.workbench{grid-template-rows:100px minmax(0,1fr) 29px}.app-header{grid-template-rows:51px 48px;grid-template-columns:1fr auto;gap:0;padding:0 12px}.wordmark{grid-area:1/1;gap:9px;font-size:18px}.brand-mark{width:28px;height:28px}.project-actions{grid-area:1/2;gap:6px}.project-actions .primary-button{height:32px;padding:0 10px;font-size:11px}.project-actions .icon-button,.project-actions .secondary-button{min-width:30px;height:32px}.transport{border-top:1px solid #2c3631;grid-area:2/1/auto/-1;justify-content:center;gap:12px;padding-top:7px}.position-display{min-width:60px;font-size:13px;display:grid}.position-divider{display:block}.play-button{width:38px;height:32px}.workspace,.inspector-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.inspector,.inspector-collapsed .inspector{visibility:hidden;z-index:60;width:min(300px,100vw - 44px);transition:transform .18s,visibility .18s;display:flex;position:fixed;top:100px;bottom:29px;left:0;transform:translate(-110%);box-shadow:15px 0 50px #0005}.inspector.is-open,.inspector-collapsed .inspector.is-open{visibility:visible;transform:translate(0)}.inspector-tabs{gap:22px}.inspector-tabs-row{padding-right:10px}.inspector-close{min-width:27px;height:30px;padding:0;display:inline-flex}.inspector-backdrop{z-index:55;background:#080c0bab;border:0;display:block;position:fixed;top:100px;right:0;bottom:29px;left:0}.editor-context{height:43px;padding:0 13px}.editor-context-right{gap:9px}.editor-context-right select{max-width:112px;font-size:10px}.pattern-length{display:none}.editor-toolbar{min-height:85px}.tool-cluster{gap:1px}.tool-cluster .control-divider{margin:0 5px}.tool-segment{gap:1px}.tool-segment button{width:29px}.view-controls .zoom-step{display:none}.view-controls .icon-button{min-width:27px}.precision-controls{gap:17px}.precision-controls>.select-field{flex:1;min-width:75px;max-width:145px}.precision-controls label>span{font-size:9px}.precision-controls label{gap:5px}.precision-controls .select-field{width:69px}.app-status{padding:0 11px;font-size:9px}.app-status button span{display:none}.editor-footnote{padding:0 10px;font-size:9px}.editor-footnote>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.pattern-empty{padding:20px}.pattern-empty h2{font-size:24px}.empty-motif{margin-bottom:20px}.generate-button kbd{display:none}.shortcut-dialog{max-height:85dvh}.dialog-content{padding:19px}.dialog-content h2{font-size:17px}.dialog-content dl>div{font-size:10px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.compose-panel .inspector-content{padding-top:20px}.compose-panel .panel-intro{margin-bottom:22px}.compose-panel .field-section{margin-bottom:17px;padding-bottom:17px}.compose-panel .sound-section{margin-bottom:13px;padding-bottom:0}.compose-panel .field-heading.spaced{margin-top:20px}.piano-viewport{overflow-anchor:none}.sound-picker{width:100%;min-width:0}.sound-picker-control{align-items:stretch;gap:6px;min-height:48px;display:flex}.sound-picker-trigger{color:#e7efe9;text-align:left;background:#252d30;border:1px solid #3e4b48;border-radius:7px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.sound-picker-trigger:hover,.sound-picker-trigger[aria-expanded=true]{background:#303b36;border-color:#7e956f}.sound-picker-title{flex-direction:column;gap:3px;min-width:0;display:flex}.sound-picker-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:630;overflow:hidden}.sound-picker-title small{color:#9fb3a7;font-size:10px}.sound-picker-trigger>svg{color:#91a499;flex:none}.sound-picker-listen{color:#d2ecb8;background:#344630;border:1px solid #657d57;border-radius:7px;flex:0 0 42px;place-items:center;display:grid}.sound-picker-listen:hover{color:#fff;background:#435c3b;border-color:#9bc385}.sound-picker-helper{color:#96a7a0;margin:6px 0 0;font-size:10px;line-height:1.45}.sound-picker-character{letter-spacing:.015em;color:#b9d1b2;margin:3px 0 0;font-size:10px}.sound-library-row-character{color:#a7c7a2;letter-spacing:.025em;font-size:9px;font-weight:560;line-height:1.3}.sound-library-row-character:before{content:"●";color:#99b581;vertical-align:1px;margin-right:6px;font-size:6px}.sound-library{z-index:200;color:#e6efea;background:#20272a;border:1px solid #5b6c65;border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 65px #000a}.sound-library-header{border-bottom:1px solid #38433f;flex:none;justify-content:space-between;align-items:center;padding:15px 16px 12px;display:flex}.sound-library-header>div{flex-direction:column;gap:4px;display:flex}.sound-library-header strong{letter-spacing:-.02em;font-size:16px;font-weight:650}.sound-library-eyebrow{color:#a1b09d;letter-spacing:1.3px;align-items:center;gap:6px;font-size:9px;font-weight:650;display:inline-flex}.sound-library-close{color:#cad7d0;background:#30393a;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.sound-library-close:hover{background:#3b4848}.sound-library-search{color:#b2c4ba;background:#171d20;border:1px solid #4b5b56;border-radius:7px;flex:none;align-items:center;gap:8px;height:39px;margin:12px 14px 8px;padding:0 11px;display:flex}.sound-library-search input{color:#f1f5f2;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12px}.sound-library-search input:focus-visible{outline:none}.sound-library-search:focus-within{border-color:#a6c997}.sound-library-search input::placeholder{color:#96a39f}.sound-library-categories{scrollbar-width:thin;flex:none;gap:5px;padding:2px 14px 12px;display:flex;overflow-x:auto}.sound-library-categories button{color:#b7c8bf;white-space:nowrap;background:#2a3435;border:1px solid #42514b;border-radius:20px;flex:none;padding:5px 9px;font-size:10px}.sound-library-categories button[aria-pressed=true]{color:#253025;background:#c8e2a6;border-color:#c8e2a6;font-weight:650}.sound-library-summary{color:#b3c7bb;justify-content:space-between;align-items:center;gap:12px;min-height:33px;padding:2px 16px 8px;font-size:11px;display:flex}.sound-library-summary p{margin:0}.sound-library-reset{color:#d7eeb7;background:#2c4033;border:1px solid #537050;border-radius:7px;flex-shrink:0;padding:7px 9px;font-size:11px;font-weight:620}.sound-library-reset:hover{background:#405b43}.sound-library-selected-status{color:#d4efb7;flex-shrink:0;align-items:center;gap:3px;font-size:10px;font-weight:650;display:inline-flex}.sound-library-results{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 8px 7px;overflow-y:auto}.sound-library-row{border-radius:7px;align-items:stretch;gap:5px;display:flex}.sound-library-row:hover{background:#303b3a}.sound-library-select{text-align:left;border:1px solid #0000;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 8px;display:flex}.sound-library-select[aria-pressed=true]{color:#d3edb8;background:#354436}.sound-library-row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sound-library-row-copy strong{font-size:12px;font-weight:620}.sound-library-row-copy small{color:#a8b8af;font-size:10px;line-height:1.3}.sound-library-row-play{color:#cde9b4;background:#334637;border:1px solid #4e6951;border-radius:6px;flex:0 0 32px;align-self:center;place-items:center;height:32px;margin-right:5px;display:grid}.sound-library-row-play:hover{color:#fff;background:#496148}.sound-library-empty{color:#9fafaa;text-align:center;padding:22px 10px;font-size:12px}.sound-library-footer{color:#98a9a2;border-top:1px solid #38433f;flex:none;padding:9px 14px;font-size:10px}@media(max-width:500px){.sound-library-header{padding:12px 13px 9px}.sound-library-categories{padding-left:10px;padding-right:10px}}.sound-library-backdrop{z-index:199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060c0cc2;position:fixed;top:0;right:0;bottom:0;left:0}.sound-picker-listen[aria-busy=true],.sound-library-row-play[aria-busy=true]{cursor:progress}.sound-library [aria-busy=true]{color:#d7eac7}@media(prefers-reduced-motion:reduce){.sound-library .animate-spin,.sound-picker .animate-spin{animation:none!important}}.loop-range-band{z-index:4;pointer-events:none;background:#b5d89a6b;border-top:1px solid #bedda4;border-bottom:1px solid #a9cd8c;height:7px;position:absolute;top:27px}.loop-range-band.inactive{background:#748c7661;border-color:#7f9a85}.loop-handle{z-index:6;cursor:ew-resize;touch-action:none;color:#d5f0b9;background:0 0;border:0;width:32px;height:34px;padding:0;position:absolute;top:0}.loop-handle.loop-out{transform:translate(-100%)}.loop-handle span{background:#a9d38c;border:1px solid #27382a;border-radius:2px;width:8px;height:20px;position:absolute;top:11px;box-shadow:0 0 0 1px #799768}.loop-handle.loop-in span{left:0}.loop-handle.loop-out span{right:0}.loop-handle:hover span,.loop-handle:focus-visible span{background:#e3f9c7;box-shadow:0 0 0 2px #c6e8a8}.loop-handle:focus-visible{outline-offset:-2px;outline:2px solid #e0f6c7}.generation-mode{border:1px solid #43524a;border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.generation-mode button{color:#c5d0ca;background:#252d2d;border:0;border-right:1px solid #43524a;min-height:37px;padding:6px 7px;font-size:11px;font-weight:550}.generation-mode button:last-child{border-right:0}.generation-mode button[aria-pressed=true]{color:#e5f3d9;background:#3d5035}.generation-mode button:focus-visible{outline-offset:-2px;outline:2px solid #badba7}.generation-hint{color:#a3afa8;margin:8px 0 0;font-size:10px;line-height:1.5}.track-add{color:#d7e9ca;border-color:#718768;margin:0 0 9px}.track-management{gap:5px;margin:-4px 0 14px;display:flex}.track-management button{color:#cedbd1;background:#293231;border:1px solid #49594e;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:32px;padding:5px 3px;font-size:10px;display:inline-flex}.track-management button:hover{background:#3b4b42}.track-management button:focus-visible,.track-delete-confirm button:focus-visible,.track-rename button:focus-visible{outline-offset:2px;outline:2px solid #c0d8a4}.track-rename{flex:1;gap:4px;min-width:0;display:flex}.track-rename input{color:#f0f6ee;background:#17201c;border:1px solid #9fb994;border-radius:5px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:12px}.track-rename button{color:#e5f1dc;background:#344336;border:1px solid #607760;border-radius:5px;flex:0 0 27px;place-items:center;display:grid}.track-rename button:disabled{opacity:.4}.track-delete-confirm{background:#332826;border:1px solid #82605b;border-radius:6px;margin:-4px 0 13px;padding:12px}.track-delete-confirm p{color:#f3d7d1;margin:0 0 10px;font-size:11px;line-height:1.45}.track-delete-confirm>div{justify-content:flex-end;gap:7px;display:flex}.track-delete-confirm button{color:#e1e7df;background:#333b3b;border:1px solid #6d6862;border-radius:5px;padding:7px 9px;font-size:11px}.track-delete-confirm button.danger-action{color:#fff5f1;background:#77413e;border-color:#a1665f}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--app-bg: #0d1214;--surface-bg: #151c1f;--surface-soft: #1c2528;--surface-bg-hover: #2a3435;--text-main: #edf1ef;--text-muted: #a9b8b2;--text-subtle: #81918a;--accent: #cff0aa;--accent-hover: #e1f9c5;--border-color: #2b3739;--border-strong: #52635d;--studio-muted: #93a49d;--studio-line: rgba(200, 224, 210, .105);--studio-ease: cubic-bezier(.2, .75, .25, 1)}button{transition:background-color .18s var(--studio-ease),border-color .18s var(--studio-ease),color .18s var(--studio-ease),box-shadow .18s var(--studio-ease),transform .18s var(--studio-ease)}button:focus-visible,summary:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.42}::selection{background:#6d9256;color:#08120c}.workbench{grid-template-rows:68px minmax(0,1fr) 30px;background:#101618}.app-header{grid-template-columns:var(--inspector-width, 312px) auto minmax(0,1fr);gap:18px;padding:0 21px;background:linear-gradient(180deg,#1a2022,#13191b);border-bottom:1px solid #344041;box-shadow:0 4px 20px #00000025}.wordmark{gap:11px;font-size:20px;font-weight:780;letter-spacing:-.92px}.wordmark-light{font-weight:410;color:#d2ddd5}.brand-mark{display:block;flex:0 0 auto;object-fit:contain;height:37px;width:37px;border:0;border-radius:11px;background:transparent;box-shadow:0 2px 14px #a1d88213}.edition{font-size:8px;font-weight:700;letter-spacing:1.1px;margin-left:9px;border:1px solid #45544d;color:#adbea9;background:#24302c;border-radius:4px;padding:4px 5px;vertical-align:3px}.transport{gap:6px;height:48px;padding:5px 8px;background:linear-gradient(180deg,#232c2d,#1c2427);border:1px solid #3b4849;border-radius:12px;box-shadow:inset 0 1px #ffffff07,0 5px 15px #0000001f}.icon-button{height:35px;min-width:35px;border-radius:8px;color:#b6c6bd}.icon-button:hover:not(:disabled),.text-button:hover:not(:disabled){background:#303c3d;color:#f5faf4}.icon-button[aria-pressed=true]{background:#344737;color:#d4efb7;border-color:#52654f}.play-button{width:40px;height:36px;border:1px solid #dcf5be;border-radius:9px;background:linear-gradient(145deg,#e0f7c0,#a8d889);color:#1b301c;box-shadow:inset 0 1px #ffffff6f,0 3px 11px #a4d47c23}.play-button:hover:not(:disabled){background:#edffce;transform:translateY(-1px)}.play-button.playing{border-color:#88b870;background:#304635;color:#e0f8bf;box-shadow:inset 0 0 0 1px #a4d58b1a}.control-divider{background:#3f4b49;margin:0 5px}.tempo-field{align-items:center;gap:5px}.tempo-field input{width:44px;border:0;background:#151c1e;border-radius:6px;padding:7px 4px;font-size:13px;color:#eef5ed;font-weight:650;text-align:center;font-variant-numeric:tabular-nums}.tempo-field span{font-size:9px;font-weight:650;letter-spacing:.85px;color:#a7b8ad}.position-display{color:#e1e8df;font-size:14px;font-weight:580}.position-display small{color:#95a99d;font-size:7px}.project-actions{gap:9px}.primary-button,.secondary-button{border-radius:9px;height:38px;font-weight:670;letter-spacing:.005em}.secondary-button{background:#242e30;color:#d8e5dd;border-color:#475653}.secondary-button:hover:not(:disabled){background:#303d3d;border-color:#74877b}.primary-button{background:#cff0aa;border-color:#d6f5b8;color:#203221}.primary-button:hover:not(:disabled){background:#e1f9c5;border-color:#f0ffd9;box-shadow:0 3px 13px #b0d9871d}.export-button{padding-inline:15px;box-shadow:0 3px 14px #b6e38a12}.import-button{background:#202a2c}.project-menu-content{top:45px;border:1px solid #52635b;background:#202a2b;border-radius:13px;padding:7px;box-shadow:0 18px 54px #000a}.project-menu-content button{border-radius:7px}.project-menu-content button:hover{background:#334340}.workspace{grid-template-columns:var(--inspector-width, 312px) minmax(0,1fr)}.inspector{position:relative;z-index:30;background:linear-gradient(180deg,#1b2425,#151d20 39%,#131a1d);border-right:1px solid #3b4947;box-shadow:6px 0 18px #00000020}.inspector-heading{min-height:75px;padding:17px 17px 15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--studio-line)}.inspector-heading-copy{display:flex;flex-direction:column;gap:6px}.inspector-heading-copy strong{color:#f0f5ef;font-size:15px;letter-spacing:-.4px;font-weight:650}.inspector-overline{display:flex;gap:8px;align-items:center;color:#acbeae;font-size:9px;font-weight:690;letter-spacing:1.55px}.inspector-live-dot,.ready-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:#c4f0a5;box-shadow:0 0 0 3px #a6e38615}.inspector-collapse{border:1px solid #394744;background:#24302e;color:#c3d3c8}.inspector-collapse:hover:not(:disabled){border-color:#78916d;background:#334237}.inspector-tabs-row{height:63px;padding:10px 12px;border-bottom:1px solid #303f3d}.inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;gap:5px}.inspector-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:0 4px;background:transparent;color:#9eaea7;font-size:11px;font-weight:620}.inspector-tabs button svg{flex:0 0 auto;opacity:.83}.inspector-tabs button:hover{background:#2a3737;color:#e6f1e6}.inspector-tabs button[aria-selected=true]{color:#e0f3d4;border-color:#526d50;background:linear-gradient(180deg,#3b513d,#304235);box-shadow:inset 0 1px #ffffff13,0 2px 6px #00000024}.inspector-tabs button[aria-selected=true]:after{display:none}.inspector-panel{scrollbar-color:#576960 transparent;background:transparent}.inspector-resizer{position:absolute;width:10px;right:-5px;top:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;outline-offset:-2px}.inspector-resizer:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:transparent;transition:background .18s}.inspector-resizer span{position:absolute;top:50%;left:1px;width:8px;height:56px;transform:translateY(-50%);background:#40534c;border:1px solid #6f8874;border-radius:8px;opacity:0;transition:opacity .18s,background .18s}.inspector-resizer:hover:before,.inspector-resizer:focus-visible:before{background:#a3cd8d}.inspector-resizer:hover span,.inspector-resizer:focus-visible span{opacity:1;background:#60836d}.inspector-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.inspector-collapsed .inspector{display:none}.compose-panel{display:flex;min-height:100%;flex-direction:column}.compose-panel .inspector-content{padding:22px 19px 28px}.compose-panel .panel-intro{margin-bottom:17px}.panel-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-version{font:600 9px var(--font-mono);color:#789083;letter-spacing:.25px}.eyebrow{color:#b8c9b2;letter-spacing:1.5px;font-size:9px;font-weight:700}.compose-intro h2{margin:0 0 8px;font-size:26px;font-weight:680;letter-spacing:-1.2px;line-height:1.18;color:#f0f4f0}.compose-intro h2 em{color:#c8edab;font-weight:560;font-style:normal}.compose-intro p{margin:0;color:#9fb0a7;font-size:11px;line-height:1.6;max-width:252px}.composition-summary{display:flex;align-items:center;gap:11px;min-height:60px;background:linear-gradient(115deg,#2b3d35,#202f2c 57%,#222d2c);border:1px solid #4b6551;border-radius:11px;padding:10px 12px;box-shadow:inset 0 1px #c1efae12,0 6px 18px #0000001b;margin-bottom:24px}.composition-summary-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;color:#e0f4c9;border-radius:10px;background:#3c5740;border:1px solid #668765}.composition-summary-copy{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}.composition-summary-copy small{color:#9cbba3;font-size:8px;font-weight:750;letter-spacing:1.1px}.composition-summary-copy strong{color:#f0f6e7;font-size:13px;font-weight:640;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composition-summary-copy strong span{padding-inline:3px;color:#91ad90}.composition-summary-status{height:7px;width:7px;border-radius:50%;background:#c7efa5;box-shadow:0 0 10px #adf08035}.compose-panel .compose-section{padding:0 0 21px;margin:0 0 22px;border-bottom:1px solid var(--studio-line)}.compose-panel .compose-section:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:15px}.section-heading-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:#283432;color:#c7dfba;border:1px solid #40524a}.section-heading h3{margin:0;font-size:12px;font-weight:680;letter-spacing:-.04px;color:#e7eee8}.section-index{margin-left:auto;font:500 10px var(--font-mono);color:#6e847a}.labeled-field-pair{grid-template-columns:1fr 1.16fr;gap:9px}.field-control{display:flex;flex-direction:column;gap:7px;min-width:0}.field-control>span{font-size:10px;font-weight:560;color:#a6b8ac}.select-field select{height:42px;border-radius:9px;border:1px solid #475654;background:#222c2e;color:#e4eee8;padding:0 29px 0 12px;font-size:12px;font-weight:560;box-shadow:inset 0 1px #ffffff05}.select-field select:hover{border-color:#7a9582;background:#2a3634}.select-field select:focus-visible{outline-offset:2px;border-color:#9ecb86}.select-field>svg{color:#a7b9ac}.compose-panel .sound-section{padding-bottom:20px;margin-bottom:23px}.sound-picker-control{gap:7px}.sound-picker-trigger{min-height:50px;padding:8px 11px;border-radius:9px;border-color:#475c50;background:#253230;box-shadow:inset 0 1px #ffffff06}.sound-picker-trigger:hover,.sound-picker-trigger[aria-expanded=true]{border-color:#94b77f;background:#30423a}.sound-picker-title strong{font-size:12px;color:#f0f7ed}.sound-picker-title small{color:#acc2af}.sound-picker-listen{flex-basis:44px;border-radius:9px;border-color:#6f8f61;background:linear-gradient(150deg,#456448,#324a3d)}.sound-picker-listen:hover{background:#547953;border-color:#b7dc9a}.sound-picker-helper{color:#93a99e;line-height:1.55;margin-top:8px}.track-studio-link{height:44px;justify-content:space-between;padding-inline:14px}.field-heading{margin-bottom:9px}.field-heading h4{margin:0;color:#d8e5dc;font-size:11px;font-weight:600}.field-heading output{font-size:12px;font-weight:670;color:#e2f4d7}.field-heading output span{color:#9aad9c}.expression-control+.expression-control{margin-top:22px}.range-field{height:26px;margin:2px 0 0}.range-field::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#a5d68d 0%,#a5d68d var(--range-fill),#344644 var(--range-fill),#344644 100%)}.range-field::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5px;border:2px solid #c6f2a8;background:#ebffdf;box-shadow:0 0 0 4px #27362e,0 2px 8px #0005}.range-field::-moz-range-track{height:5px;background:#344644}.range-field::-moz-range-progress{height:5px;background:#a5d68d}.range-field::-moz-range-thumb{width:12px;height:12px;border:2px solid #c6f2a8;background:#ebffdf}.range-captions{margin-top:1px;color:#8c9f96;font-size:10px}.quick-directions-heading{display:flex;justify-content:space-between;margin:23px 0 9px;gap:8px}.quick-directions-heading span:first-child{font-size:9px;font-weight:720;letter-spacing:1.2px;color:#a9beaa}.quick-directions-heading span:last-child{font-size:9px;color:#81978a}.feel-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.feel-presets button{height:34px;padding:0 4px;background:#253132;border:1px solid #425450;border-radius:8px;color:#bacac0;font-size:11px;font-weight:590}.feel-presets button:hover{color:#f1f7ec;border-color:#8ca985;background:#314339}.feel-presets button[aria-pressed=true]{background:#3e583f;border-color:#9ac686;color:#e0f7c9;box-shadow:inset 0 0 0 1px #97c58a12}.field-hint{color:#8fa399;font:570 9px var(--font-mono);letter-spacing:.55px}.segmented,.generation-mode{gap:4px;padding:4px;border:1px solid #435550;border-radius:10px;background:#1d282a}.segmented button,.generation-mode button{border:1px solid transparent;border-radius:7px;background:transparent;color:#aebfb6;font-size:11px;font-weight:600}.segmented button{height:35px;font-family:var(--font-mono)}.segmented button:last-child,.generation-mode button:last-child{border-right:1px solid transparent}.segmented button:hover,.generation-mode button:hover{background:#2b3b39;color:#e4efe4}.segmented button[aria-pressed=true],.generation-mode button[aria-pressed=true]{background:#3c533d;color:#e5f8d6;border-color:#63815d;box-shadow:0 2px 6px #0002,inset 0 1px #ffffff12}.arrangement-label{margin:21px 0 10px}.generation-mode{grid-template-columns:1fr 1fr}.generation-mode button{min-height:39px;padding:6px 5px}.generation-hint{margin:9px 1px 0;font-size:10px;color:#92a79a;line-height:1.55}.compose-actions{z-index:5;position:sticky;bottom:0;margin-top:auto;padding:15px 18px 12px;border-top:1px solid #566b56;background:linear-gradient(180deg,#24352c,#1b2927 14%,#182122);box-shadow:0 -12px 28px #101818a0,inset 0 1px #c5ed9e12}.compose-action-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:6px}.compose-action-topline>span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:750;letter-spacing:1px;color:#bfd2b5;white-space:nowrap}.compose-action-topline small{color:#9bb4a3;font-size:10px;text-transform:capitalize;white-space:nowrap}.generate-button{width:100%;height:47px;justify-content:flex-start;gap:10px;border-radius:10px;background:linear-gradient(120deg,#e1f8c3,#bbe39c);border-color:#e0fbbe;font-size:13px;font-weight:760;padding:0 12px;color:#24351f;box-shadow:0 5px 14px #b0d98a20,inset 0 1px #ffffff9c}.generate-button:hover:not(:disabled){background:linear-gradient(120deg,#f0ffdb,#d1efb6);transform:translateY(-1px)}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button kbd{margin-left:auto;opacity:1;border:1px solid #8fb672;background:#d5f0b6;border-radius:5px;padding:4px 6px;font-size:9px;color:#536c42}.variation-button{margin-top:8px;min-height:38px;width:100%;justify-content:center;gap:9px;border:1px solid #4a5f50;border-radius:9px;background:#25352e;color:#d4e7d1;font-size:11px;font-weight:590}.variation-button>svg:last-child{margin-left:1px;opacity:.72}.variation-button:hover:not(:disabled){background:#314539;border-color:#78936e;color:#e4f7e0}.compose-action-note{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:5px;color:#91a79b;font-size:9px;white-space:nowrap}.compose-action-note svg{flex:0 0 auto;color:#acc4aa}.inspector-content:not(.compose-content){padding:23px 19px 24px}.panel-intro h2{font-size:23px;letter-spacing:-.75px;font-weight:650;color:#f0f5ef}.panel-intro p{color:#a0b1a8}.field-section{border-bottom-color:var(--studio-line)}.scope-pill{border-radius:10px;background:#273a30;border-color:#4b6854;padding:12px}.scope-dot{width:7px;height:7px;box-shadow:0 0 0 3px #b0e68a19}.transform-panel .secondary-button.wide{height:39px}.transpose-grid{gap:7px}.transpose-grid button{height:38px}.track-panel .track-add{height:43px;background:#304438;border:1px solid #60865c;color:#e2f4d6}.track-panel .track-add:hover{background:#39553e}.track-strip{padding:15px 12px 14px;margin:12px 0 0;border:1px solid #394b48;border-radius:12px;background:#202c2d;box-shadow:inset 0 1px #ffffff06}.track-strip.focused{margin:12px 0 0;padding:15px 12px 14px;border:1px solid #82ab74;background:#293e34;box-shadow:0 0 0 1px #82ab741d}.track-strip-heading{margin-bottom:15px}.track-name-button strong{font-size:12px;font-weight:660;color:#edf5e9}.track-name-button small{color:#9fb5a8}.track-color{width:5px;height:29px;border-radius:4px}.track-toggles button{border-radius:6px;height:29px;min-width:29px;font-weight:700}.track-management{gap:6px;margin:-2px 0 13px}.track-management button{border-radius:7px;background:#273638;border-color:#455752;min-height:34px}.track-management button:hover{background:#344847}.track-delete-confirm{border-radius:9px}.track-audibility{margin-top:9px}.inspector-empty{border:1px dashed #4b6455;border-radius:11px;background:#22302c;margin-top:12px}.inspector-note,.field-description{color:#9bafa3}.editor-main{background:#12191b}.editor-context{height:57px;padding-inline:22px;border-bottom:1px solid #324241;background:#182022}.editor-title{gap:10px}.editor-title svg{color:#c2dea9}.editor-title h1{color:#ebf2ed;font-weight:690;font-size:13px}.editor-title>span{color:#96a99d}.editor-context-right{gap:12px;color:#a8b9aa}.editor-context-right select{background:#243032;border:1px solid #425650;border-radius:7px;padding:5px 7px}.time-signature{color:#bcd2b9;background:#26342f;border-color:#526b54;border-radius:6px;font-size:10px;padding:5px 7px;white-space:nowrap}.meter-import-warning{flex-shrink:0;margin:0;padding:9px 16px;background:#332b1d;color:#f4ddae;border-bottom:1px solid #6d5730;font-size:12px;line-height:1.5}.meter-import-warning strong{font-weight:700}.editor-toolbar{gap:12px;min-height:58px;padding:8px 16px;border-bottom-color:#3a4846;background:#1b2426}.tool-cluster{gap:7px}.tool-cluster .control-divider{margin-inline:3px}.tool-segment{align-items:center;padding:3px;gap:2px;border-radius:10px;border:1px solid #3c4c48;background:#151e20}.tool-segment button{height:33px;border-radius:7px;padding-inline:9px;color:#b5c6ba;font-size:11px}.tool-segment button:hover{background:#293a37;color:#fff}.tool-segment button[aria-pressed=true]{background:#3b573e;border-color:#71916c;color:#e5f8d7;box-shadow:inset 0 1px #ffffff16}.precision-controls{gap:13px}.precision-controls>label{gap:7px}.precision-controls label>span{color:#aabbb0;font-size:10px;font-weight:600}.precision-controls .select-field select{height:35px;border-radius:7px;background:#273335;border-color:#455953}.view-controls{gap:3px}.view-controls .icon-button{height:34px;min-width:32px}.fit-button{border:1px solid #445951;background:#273634}.piano-editor{background:#11191b}.piano-grid{background-color:#162022}.piano-timeline{background:#1d292a!important;border-bottom-color:#4a5e52!important}.chord-strip{background:#24372f;border-top-color:#425949}.chord-chip{color:#c9e5b6;border-right-color:#476149}.chord-lock-toggle{display:flex;align-items:center;gap:5px;text-align:left;padding:5px 7px;background:transparent;cursor:pointer;touch-action:manipulation;font:inherit;font-size:10px;font-weight:550;min-width:0}.chord-lock-toggle .chord-dot{flex:none;margin-right:1px}.chord-lock-toggle .chord-name{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.chord-lock-toggle svg{flex:none;opacity:.75}.chord-lock-toggle:hover,.chord-lock-toggle:focus-visible{background:#36513f;color:#e9f6e2}.chord-lock-toggle:focus-visible{outline:2px solid #b7d58c;outline-offset:-2px}.chord-lock-toggle.is-locked{background:#395542;color:#f3e5ad}.chord-lock-toggle.is-locked .chord-dot{background:#f2cc71}.chord-lock-toggle.is-locked svg{opacity:1}.piano-note{box-shadow:inset 0 1px #ffffff16,0 1px 4px #00000020!important;border-radius:4px!important}.editor-footnote{min-height:31px;border-top-color:#405049;background:#1b2929;color:#a4b8aa}.editor-footnote strong{color:#d5efbf}.pattern-empty{background-image:radial-gradient(ellipse at center 40%,#293b2a40,transparent 62%),linear-gradient(#b4d5ad08 1px,transparent 1px),linear-gradient(90deg,#b4d5ad08 1px,transparent 1px)}.pattern-empty h2{color:#f0f6ed;font-weight:640}.pattern-empty p{color:#aebfb1}.empty-motif span{background:#b9e09d;border-color:#d8f0ba}.app-status{background:#131a1b;border-top-color:#35443d;padding-inline:19px;color:#a2b2a7}.save-status svg{color:#c8eea8}.toast{background:#2a3b31;border-color:#68846a;border-radius:11px}.shortcut-dialog{background:#1d2927;border-color:#5f7663}.sound-library{background:#1d2829;border-color:#5a7060;border-radius:15px;box-shadow:0 26px 75px #000b}.sound-library-header{border-bottom-color:#3b4e46;padding:17px 17px 13px}.sound-library-header strong{font-size:17px}.sound-library-search{height:43px;border-radius:9px;margin:13px 14px 11px;background:#131d1e;border-color:#53675d}.sound-library-search:focus-within{border-color:#b6df98;box-shadow:0 0 0 2px #b6df981a}.sound-library-categories button{border-color:#485e53;background:#263634}.sound-library-categories button[aria-pressed=true]{background:#ccefae;border-color:#d8f6c3}.sound-library-row{border-radius:9px}.sound-library-row:hover{background:#2d413b}.sound-library-select{border-radius:9px}.sound-library-select[aria-pressed=true]{background:#3a5540;color:#e2f8d4}.sound-library-row-play{border-radius:8px}.sound-library-footer{border-top-color:#3b4e46}@container (max-width: 940px){.tool-segment button>span{display:none}.tool-segment button{width:33px;padding:0;justify-content:center}.editor-toolbar{gap:10px}}@container (max-width: 650px){.editor-toolbar{gap:8px;padding:7px 10px}.precision-controls{order:3;width:100%;border-top:1px solid #344641;padding-top:7px}.view-controls{margin-left:auto}.editor-context{padding-inline:13px}}@media(max-width:1150px){.app-header{gap:9px;padding-inline:13px}.workspace{grid-template-columns:var(--inspector-width, 312px) minmax(0,1fr)}.inspector-content:not(.compose-content){padding:21px 17px}.compose-panel .inspector-content{padding:21px 17px 25px}.compose-actions{padding-inline:16px}.edition,.position-display,.position-divider{display:none}}@media(max-width:940px){.history-actions,.history-divider{display:none}.app-header{grid-template-columns:minmax(200px,var(--inspector-width, 312px)) auto minmax(0,1fr)}.import-button{width:37px;padding:0}.import-button span{display:none}.editor-title>span{display:none}.status-hints{display:none}}@media(max-width:760px){.workbench{grid-template-rows:102px minmax(0,1fr) 30px}.app-header{grid-template-columns:1fr auto;grid-template-rows:52px 50px;padding:0 12px;gap:0}.wordmark{grid-row:1;grid-column:1;font-size:19px}.brand-mark{width:32px;height:32px;border-radius:9px}.project-actions{grid-column:2;grid-row:1;gap:5px}.project-actions .primary-button{height:34px}.project-actions .icon-button,.project-actions .secondary-button{height:34px;min-width:33px}.transport{grid-column:1 / -1;grid-row:2;height:42px;justify-content:center;padding:4px 0;border:0;border-top:1px solid #34413e;border-radius:0;background:transparent;box-shadow:none;gap:9px}.position-display{display:grid}.position-divider{display:block}.play-button{width:39px;height:33px}.workspace,.inspector-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.inspector,.inspector-collapsed .inspector{display:flex;position:fixed;top:102px;bottom:30px;left:0;width:min(340px,calc(100vw - 24px));border-right:1px solid #648064;border-radius:0 12px 12px 0;box-shadow:16px 0 65px #000a;transform:translate(-110%);visibility:hidden;transition:transform .24s var(--studio-ease),visibility .24s;z-index:60}.inspector.is-open,.inspector-collapsed .inspector.is-open{transform:translate(0);visibility:visible}.inspector-collapse,.inspector-resizer{display:none}.inspector-close{display:inline-flex;min-width:35px;height:35px;border:1px solid #41554d;background:#25342f}.inspector-backdrop{display:block;position:fixed;top:102px;right:0;bottom:30px;left:0;z-index:55;background:#050a0acc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.inspector-heading{min-height:68px;padding:13px 17px}.inspector-tabs-row{height:58px}.compose-panel .inspector-content{padding-top:19px}.compose-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}.editor-context{height:47px}.editor-toolbar{min-height:81px}.editor-footnote{font-size:9px}.app-status{padding-inline:12px;font-size:9px}}@media(max-width:430px){.project-actions{gap:3px}.export-button{padding:0 10px}.export-button span{display:none}.tempo-field input{width:40px}.transport{gap:8px}.compose-intro h2{font-size:25px}.editor-context-right{gap:8px}.editor-context-right select{max-width:98px}}@media(prefers-reduced-motion:reduce){.generate-button:hover:not(:disabled),.play-button:hover:not(:disabled){transform:none}}.melody-adaptive-controls{display:grid;gap:16px;padding-top:16px}.melody-adaptive-controls .expression-control{margin-top:2px}.melody-adaptive-controls .melody-density{grid-template-columns:repeat(3,minmax(0,1fr))}.melody-adaptive-controls .generation-mode button{min-width:0;padding-inline:4px}.melody-key-heading{margin-bottom:-8px}.melody-source-section .generation-hint{margin-top:0}.generate-button:disabled{opacity:.48;cursor:not-allowed}.melody-adaptive-controls .melody-task{grid-template-columns:repeat(3,minmax(0,1fr))}.melody-adaptive-controls .melody-bar-count{grid-template-columns:repeat(4,minmax(0,1fr))}.melody-adaptive-controls .melody-task button{font-size:10px;letter-spacing:-.12px}.source-loop-editor{display:grid;gap:9px;padding:12px;border-radius:9px;background:#1d2d2b;border:1px solid #4b6558}.source-loop-editor .field-pair{margin:0}.source-loop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-loop-actions .text-button{min-height:35px;font-size:11px;padding:7px 9px}.source-loop-editor .generation-hint{margin:0;font-size:11px;line-height:1.5}.eyebrow,.inspector-overline,.composition-summary-copy small,.section-index,.quick-directions-heading span:first-child{font-size:10px}.compose-intro p{font-size:12px}.range-captions,.generation-hint,.inspector-note{font-size:11px;line-height:1.55}.compose-action-note{font-size:11px;white-space:normal;line-height:1.4;text-align:center}.compose-action-topline>span{font-size:10px;letter-spacing:.5px}.position-display small{font-size:9px}.editor-footnote,.app-status{font-size:11px}.track-audibility,.track-name-button small{font-size:10px}.editor-active-tool{font-size:11px;font-weight:650;color:#d6e8c6;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-footnote>span:last-child{min-width:0;white-space:nowrap}@media(max-width:760px){.track-toggles button{min-width:40px;height:40px;font-size:12px}.track-management button{min-height:40px}.compose-actions{padding-bottom:max(13px,env(safe-area-inset-bottom))}.editor-footnote,.app-status{font-size:10px}}.edit-target-indicator{display:inline-block;flex:0 1 auto;max-width:125px;padding:5px 8px;border:1px solid #516b58;border-radius:7px;background:#283b30;color:#d7ecbf;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.edit-target-indicator{max-width:80px;font-size:10px;padding-inline:5px}.time-signature{font-size:9px;padding:4px 5px}}@media(max-width:430px){.editor-context-right{gap:5px}.edit-target-indicator{max-width:66px}}.browser-sound-export-hint,.track-midi-export-note{margin:7px 0 0;font-size:11px;line-height:1.55;color:#bdd1bf;overflow-wrap:anywhere}.track-midi-export-note{padding:7px 9px;border-left:2px solid #8eae83;background:#24362d;border-radius:0 6px 6px 0}.replace-project-dialog{width:min(510px,calc(100vw - 28px));max-height:min(640px,90dvh);overflow-y:auto;margin:auto;padding:22px;border:1px solid #738879;border-radius:14px;background:#202d2b;color:#eef5ed;box-shadow:0 28px 80px #000b}.replace-project-dialog::backdrop{background:#080c0bcb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.replace-project-heading{display:flex;align-items:center;gap:10px}.replace-project-heading h2{flex:1;margin:0;font-size:19px;line-height:1.35;font-weight:680}.replace-project-warning{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:9px;background:#503d2a;color:#ffdba0}.replace-project-dialog>p{margin:14px 0;line-height:1.6;font-size:13px;color:#c5d5c8}.replace-project-comparison{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;padding:14px;border:1px solid #506257;border-radius:10px;background:#1b2826}.replace-project-comparison>div{min-width:0}.replace-project-comparison small{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.065em;color:#aac0ad}.replace-project-comparison strong{display:block;font-size:13px;overflow-wrap:anywhere}.replace-project-comparison svg{color:#b3caaa}.replace-project-dialog .replace-project-caution{padding:11px 12px;border-left:3px solid #e3bb81;background:#3a342b;color:#f1dfc2;font-size:12px}.replace-project-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:22px}.replace-project-actions button{min-height:42px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:660}.replace-project-actions .danger-action{color:#251d1a;background:#edbe8c;border:1px solid #f6d7ad}.replace-project-actions .danger-action:hover{background:#f5cfa4}.replace-project-actions .secondary-button{background:#2b4037;color:#f0f7ef;border:1px solid #7da281}@media(max-width:430px){.replace-project-dialog{padding:16px}.replace-project-heading h2{font-size:17px}.replace-project-comparison{gap:6px;padding:10px}.replace-project-comparison strong{font-size:11px}.replace-project-actions button{flex:1 1 100%}}.note-precision-editor{display:block;flex-shrink:0;border-bottom:1px solid #4d6659;background:#22302d;color:#dceade;font-size:11px}.note-precision-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:36px;padding:7px 14px;cursor:pointer;font-size:12px;font-weight:680;color:#e5f1dc}.note-precision-summary span{font-weight:450;font-size:11px;color:#b7cbb9}.note-precision-body{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:8px 14px;border-top:1px solid #425649}.note-precision-editor label{display:flex;flex-direction:column;gap:4px;font-weight:620}.note-precision-editor select,.note-precision-editor input{height:38px;border:1px solid #64816d;border-radius:6px;background:#14221f;color:#f1f5ed;padding:0 8px;font:500 12px var(--font-mono)}.note-precision-editor select{width:100%;font-family:var(--font-sans);text-overflow:ellipsis}.note-precision-picker{flex:1 1 150px;min-width:120px;max-width:280px}.note-precision-fields{display:flex;flex-wrap:wrap;align-items:end;gap:8px;min-width:0}.note-precision-fields input{width:76px}.velocity-nudge-controls{display:flex;gap:4px;align-items:flex-end}.velocity-nudge-controls button{min-width:39px;height:38px;border-radius:6px;border:1px solid #618565;background:#324a37;color:#f0f8e9;font-weight:700}.velocity-nudge-controls button:hover{background:#3e6044}.precision-note-help,.precision-selection-count{color:#b2cebc;font-size:11px;line-height:1.5}.precision-selection-count{flex-basis:100%}.piano-grid [data-testid=piano-note]:focus-visible{outline:2px solid #f1e5a3;outline-offset:2px;z-index:35}.velocity-hit-target{background:transparent;border:0;padding:0;border-radius:3px}.velocity-hit-target:focus-visible{outline:2px solid #f1e5a3;outline-offset:2px;z-index:55}@media(max-width:760px){.note-precision-editor[open]{max-height:150px;overflow-y:auto}.note-precision-summary{padding:7px 9px;min-height:40px;position:sticky;top:0;background:#22302d;z-index:1}.note-precision-body{padding:7px 9px;gap:7px}.note-precision-picker{flex-basis:100%;max-width:none}.note-precision-fields{gap:6px}.note-precision-fields input{width:68px;height:40px}.velocity-nudge-controls button{height:40px}}@media(max-width:760px){.editor-footnote{min-height:20px;padding-block:2px}}.active-tool-readout{display:none}@container (max-width: 940px){.tool-segment button{width:40px;height:40px;min-width:40px;padding:0}.tool-cluster .inspector-toggle,.view-controls .icon-button{min-width:40px;height:40px}.precision-controls .select-field select{min-height:40px}.active-tool-readout{display:flex;order:4;flex:1 1 100%;min-width:0;gap:8px;align-items:baseline;padding:5px 8px;border-radius:7px;border:1px solid #516c55;background:#283e32;color:#d6e9d7;font-size:11px;line-height:1.35}.active-tool-readout strong{flex:0 0 auto;color:#ebf7dd;font-size:12px}.active-tool-readout span{min-width:0}}@media(max-width:760px){.track-toggles button{min-width:44px;height:44px}.inspector-close{min-width:40px;height:40px}.editor-toolbar{gap:7px;padding:6px 8px}.tool-cluster .control-divider{margin-inline:3px}.tool-segment{gap:2px}.tool-segment button{width:40px;height:40px}.view-controls .icon-button{min-width:40px;height:40px}.active-tool-readout{padding-block:6px}}@container (max-width: 650px){.tool-cluster{gap:3px}.tool-cluster .control-divider{display:none}.precision-controls{order:3;flex:0 0 auto;width:auto;gap:8px;border-top:0;padding-top:0}.precision-controls>label{flex-direction:column;align-items:stretch;gap:2px}.precision-controls .select-field{width:72px}.active-tool-readout{order:3;flex:1 1 115px;width:auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 7px;min-height:46px}.active-tool-readout span{font-size:10px;line-height:1.3}}@media(max-width:760px){.editor-toolbar{gap:6px;padding-inline:6px}}@media(max-width:760px)and (max-height:700px){.editor-footnote{display:none}}.melody-adaptive-controls{gap:13px}.melody-step-heading{display:flex;align-items:center;gap:9px;margin:2px 0 0;color:#edf4e9}.melody-step-heading>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #759270;border-radius:50%;background:#334a38;color:#e1f3d2;font:700 12px var(--font-mono)}.melody-step-heading h4{margin:0;font-size:13px;font-weight:710}.melody-task-help{margin:-6px 1px 2px;padding:8px 10px;border-left:2px solid #789f73;background:#263b2d}.melody-advanced{margin-top:3px;border:1px solid #526b58;border-radius:9px;background:#1a2927;color:#d4e6d8}.melody-advanced>summary{display:flex;flex-direction:column;gap:4px;padding:11px 12px;cursor:pointer;list-style:none}.melody-advanced>summary::-webkit-details-marker{display:none}.melody-advanced>summary:before{content:"+";position:absolute;right:12px;font-size:20px;line-height:14px;color:#c4e2b1}.melody-advanced[open]>summary:before{content:"−"}.melody-advanced>summary{position:relative;padding-right:34px}.melody-advanced>summary strong{color:#e4f2e0;font-size:12px;font-weight:680}.melody-advanced>summary span{color:#b9cbbd;font-size:11px;line-height:1.45}.melody-advanced-content{display:grid;gap:12px;padding:13px 12px 15px;border-top:1px solid #3f5b4d}.melody-advanced-content .expression-control+.expression-control{margin-top:0}.melody-advanced-content .melody-key-heading{margin:2px 0 0}@media(max-width:760px){.melody-step-heading h4{font-size:13px}.melody-advanced>summary{min-height:44px}}.compose-panel .panel-version,.compose-panel .eyebrow,.compose-panel .inspector-overline,.compose-panel .section-index,.compose-panel .composition-summary-copy small,.compose-panel .quick-directions-heading span,.compose-panel .field-hint,.inspector-overline{font-size:var(--type-ui-ancillary);color:var(--fg-ui-muted);line-height:1.4}.compose-panel .field-control>span,.compose-panel .field-heading h4,.compose-panel .generation-hint,.compose-panel .range-captions,.compose-panel .compose-action-note,.compose-panel .sound-picker-helper,.compose-panel .sound-picker-title small,.inspector-note,.field-description,.track-panel .track-name-button small,.track-panel .track-audibility,.track-panel .track-midi-export-note{font-size:var(--type-ui-operational);color:var(--fg-ui-secondary);line-height:1.5}.compose-panel .section-heading h3,.compose-panel .field-section h3,.track-panel .field-heading h4{font-size:var(--type-ui-heading);color:var(--fg-ui-primary)}.compose-panel .generation-mode button,.compose-panel .segmented button,.compose-panel .feel-presets button,.compose-panel .compose-action-topline,.compose-panel .compose-action-topline>span,.compose-panel .compose-action-topline small,.track-panel .track-management button{font-size:var(--type-ui-operational);color:var(--fg-ui-secondary)}.compose-panel .generation-mode button[aria-pressed=true],.compose-panel .segmented button[aria-pressed=true],.compose-panel .feel-presets button[aria-pressed=true]{color:var(--fg-ui-primary)}.inspector-tabs button,.editor-footnote,.app-status,.app-status button,.status-hints,.editor-active-tool,.edit-target-indicator,.editor-context-right,.time-signature,.position-display small,.tempo-field span{font-size:var(--type-ui-operational);color:var(--fg-ui-secondary);line-height:1.35}.compose-panel .select-field select,.compose-panel .generation-mode,.compose-panel .segmented,.track-panel .track-toggles button{border-color:var(--stroke-ui-control)}.compose-panel .field-heading output,.compose-panel .range-captions{color:var(--fg-ui-primary)}.compose-panel .generation-hint,.compose-panel .panel-intro p{color:var(--fg-ui-secondary)}@media(max-width:760px){.editor-footnote,.app-status,.editor-active-tool,.time-signature,.edit-target-indicator,.compose-panel .compose-action-topline small{font-size:var(--type-ui-ancillary)}}.precision-controls label>span,.project-menu-content p,.sound-library-row-copy small,.sound-library-footer,.sound-library-summary,.sound-picker-helper,.dialog-content footer,.dialog-content dl>div{font-size:var(--type-ui-operational);color:var(--fg-ui-secondary);line-height:1.45}.sound-library-eyebrow,.sound-library-row-character,.sound-library-selected-status,.sound-picker-character,.sound-library-categories button{font-size:var(--type-ui-ancillary);color:var(--fg-ui-muted);line-height:1.45}.sound-library-categories button{min-height:40px}.tool-segment,.precision-controls .select-field select,.editor-context-right select,.sound-picker-trigger,.sound-library-search,.active-tool-readout{border-color:var(--stroke-ui-control)}.harmony-guide-editor{border-top:1px solid var(--border-color);padding-top:12px;margin-top:12px}.harmony-guide-editor .field-pair{margin-top:12px}.harmony-guide-actions{display:flex;gap:8px;margin:10px 0 7px;flex-wrap:wrap}.harmony-guide-actions .secondary-button{flex:1;min-width:95px;justify-content:center}.harmony-guide-list{display:flex;flex-direction:column;gap:5px;list-style:none;padding:0;margin:10px 0 0;max-height:220px;overflow-y:auto}.harmony-guide-item{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:7px 9px;border:1px solid #4a604f;border-radius:7px;background:#26382e;font-size:11px;color:#d0e4ce}.harmony-guide-item>span{min-width:0;overflow-wrap:anywhere}.harmony-guide-item>.text-button{flex:none}.harmony-take-lab{margin-top:14px;padding:12px;border:1px solid #4a5e4a;background:#223028;border-radius:9px}.harmony-take-lab .field-heading{margin-top:0}.harmony-take-lab .field-heading h4{display:inline-flex;align-items:center;gap:6px}.harmony-take-lab .take-explore{margin-top:10px}.take-choices{display:flex;flex-direction:column;gap:6px;margin-top:11px}.take-choice{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;min-width:0;padding:8px 10px;border-radius:7px;border:1px solid #455b4c;background:#293b30;color:#e0eade}.take-choice strong{font-size:12px;font-weight:650}.take-choice small{color:#b6c8b8;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.take-choice:hover{background:#36513e}.take-choice[aria-pressed=true]{border-color:#c1dfa0;box-shadow:inset 3px 0 #c1dfa0;background:#385342}.take-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:8px}.take-actions .primary-button{flex:1}.editor-main.take-preview-active{box-shadow:inset 0 3px #b7d58c}.take-preview-label{font-size:10px;font-weight:650;color:#f7df9b;border:1px solid #7b6844;border-radius:5px;padding:5px 7px}.take-switcher{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #45654b;border-radius:7px;padding:2px 3px}.take-switcher .field-hint{text-align:center;font-size:10px;color:#d4e7cc}.take-switcher .text-button{min-width:74px;min-height:34px;font-size:11px}.take-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.take-option .take-choice{min-width:0}.take-listen{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:58px;padding:5px 7px;border-radius:7px;border:1px solid #6b866e;color:#daf2d3;background:#2b4934;font-size:10px;font-weight:650}.take-listen:hover{color:#f3ffee;background:#42694d}.take-listen:focus-visible{outline:2px solid #d4efb5;outline-offset:2px}.take-diff{grid-column:1 / -1;padding:1px 8px 5px;border-left:2px solid #577057;font-size:10px;color:#c1d4c0;line-height:1.5}.take-diff summary{cursor:pointer;color:#cfe7d0;font-size:10px;font-weight:600}.take-diff p,.take-diff ul{margin:5px 0;padding-left:8px;overflow-wrap:anywhere}.take-diff li{margin:4px 0}.take-remove{grid-column:1 / -1;justify-self:start;min-height:28px;font-size:10px}.take-actions .secondary-button{flex:1}.song-form-section{padding-top:4px}.song-form-section .song-form-build{margin-top:10px}.song-form-section .song-form-build:disabled{opacity:.5}.song-form-sections{display:flex;flex-direction:column;gap:5px;margin:11px 0 0;padding:0;list-style:none}.song-form-sections li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px;background:#26382c;border:1px solid #435c49;border-radius:6px;color:#d1e6d1}.song-form-sections strong{color:#dbeead;font-size:12px;min-width:35px}.song-form-sections span{color:#b8caba;font-size:10px;text-align:right}.song-form-marker{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 4px;color:#ebf2c9;background:#476648;border:1px solid #85a677;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.1px;white-space:nowrap}:root{color-scheme:dark;--app-bg: #d5d7d3;--surface-bg: #373c3e;--surface-soft: #474d4e;--surface-bg-hover: #535a59;--text-main: #eeeFEB;--text-muted: #c5cdc7;--text-subtle: #b4beb5;--fg-ui-primary: #f0f1ea;--fg-ui-secondary: #d9ded8;--fg-ui-muted: #c8d0c8;--stroke-ui-control: #9ba8a0;--accent: #cfac88;--accent-hover: #e2c6a6;--border-color: #626c6a;--border-strong: #909b95;--piano-black: #444947;--piano-white: #e8e9e5;--studio-line: rgba(229, 229, 221, .16);--earth-paper: #eceDEA;--earth-canvas: #d9dbd7;--earth-ruler: #c9cdc7;--earth-charcoal: #373c3e;--earth-charcoal-raised: #484e50;--earth-ink: #282e2c;--earth-ink-muted: #49514d;--earth-line: #a4aca5;--earth-clay: #c8a78a;--earth-olive: #7b8d76;--earth-ochre: #b39b74}body{background:var(--app-bg)}.workbench{background:#d7d9d5}.app-header{background:linear-gradient(180deg,#444a4b,#383e40);border-bottom-color:#697271;box-shadow:0 3px 18px #22262922}.wordmark{color:#f1f1ec}.wordmark-light{color:#d2d5cf}.edition{background:#515859;border-color:#858d87;color:#e8e9e1}.transport{background:linear-gradient(180deg,#545b5c,#474e4f);border-color:#808985;box-shadow:inset 0 1px #ffffff13,0 4px 12px #20272924}.icon-button{color:#e1e5df}.icon-button:hover:not(:disabled),.text-button:hover:not(:disabled){background:#646c6a;color:#fff}.icon-button[aria-pressed=true]{background:#566654;color:#f5f4eb;border-color:#9bac94}.control-divider{background:#79827d}.tempo-field input{background:#343a3b;color:#f1f2ed;border-color:#808985}.tempo-field span,.position-display small{color:#e1e5dd}.position-display{color:#f2f2ed}.position-display i{color:#b4bab4}.primary-button{background:#c7ad92;border-color:#e1cbb6;color:#252c29}.primary-button:hover:not(:disabled){background:#e2c5a4;border-color:#f0dac1;box-shadow:0 3px 14px #a98c7229}.secondary-button{background:#545b5c;color:#f1f0e9;border-color:#919a94}.secondary-button:hover:not(:disabled){background:#626968;color:#fff;border-color:#b6bdb6}.secondary-button[aria-pressed=true]{background:#566653;color:#f5f5ec;border-color:#a1b098}.play-button{background:linear-gradient(145deg,#e2cfb7,#bea183);border-color:#ecd9c4;color:#262c29;box-shadow:inset 0 1px #fff5,0 3px 11px #a38c732a}.play-button:hover:not(:disabled){background:#edddc7}.play-button.playing{background:#4f6157;border-color:#a9b9a5;color:#f0f2e9}.project-menu-content{background:#414848;border-color:#8c9690;color:#f0f2ec}.project-menu-content button{color:#f2f2ed}.project-menu-content button:hover{background:#57615e}.project-menu-content p{color:#d6ddd5}.project-menu-content .menu-danger{color:#f0c4b2}.inspector{background:linear-gradient(175deg,#414748,#353b3d 44%,#323738);border-right-color:#78817e;box-shadow:5px 0 21px #262a2a29}.inspector-heading,.inspector-tabs-row{border-bottom-color:#626b69}.inspector-overline{color:#d1d6cc}.inspector-resizer span{background:#7b8580;border-color:#b4bbb2}.inspector-tabs button{color:#d7dcd6}.inspector-tabs button:hover{background:#51595a;color:#fff}.inspector-tabs button[aria-selected=true]{background:linear-gradient(180deg,#627160,#526353);border-color:#a7b79e;color:#fff}.panel-intro h2,.compose-intro h2{color:#f2f2ee}.compose-intro h2 em{color:#dfc6a7}.compose-intro p,.panel-intro p{color:#d0d9d0}.panel-version,.eyebrow,.section-index{color:#c8d2c8}.composition-summary{background:linear-gradient(110deg,#555a58,#484f50);border-color:#8e9a8d;box-shadow:inset 0 1px #ffffff13,0 5px 13px #181c1d16}.composition-summary-icon{background:#5d6b60;border-color:#a3b29f;color:#f3f5eb}.composition-summary-copy small{color:#d0d9d0}.composition-summary-copy strong{color:#fff}.composition-summary-copy strong span{color:#bfc6bc}.composition-summary-status{background:#c8ad82;box-shadow:0 0 0 3px #c8ad8230}.section-heading-icon{background:#555e5b;border-color:#8a9790;color:#e5e8dd}.section-heading h3,.field-heading h4{color:#f2f2ea}.select-field select{background:#4b5253;border-color:#939f96;color:#f5f5ed}.select-field select:hover{background:#586161;border-color:#c3c8bd}.select-field>svg{color:#e6e8e0}.sound-picker-trigger{background:#505758;border-color:#a6b0a7;box-shadow:inset 0 1px #ffffff10}.sound-picker-trigger:hover,.sound-picker-trigger[aria-expanded=true]{background:#606761;border-color:#d0bea6}.sound-picker-title strong{color:#fff}.sound-picker-title small,.sound-picker-helper{color:#d7ded6}.sound-picker-listen{background:linear-gradient(150deg,#776b59,#615b51);border-color:#bbaa95}.sound-picker-listen:hover{background:#8a7961;border-color:#d8c3a5}.quick-directions-heading span:first-child,.quick-directions-heading span:last-child,.field-hint{color:#d0d9cf}.feel-presets button{background:#505758;border-color:#89958f;color:#eaede7}.feel-presets button:hover{background:#666d69;border-color:#d0b69c;color:#fff}.feel-presets button[aria-pressed=true]{background:#657563;border-color:#b2bfa5;color:#fff}.segmented,.generation-mode{background:#303637;border-color:#939e96}.segmented button,.generation-mode button{color:#e7ebe5}.segmented button:hover,.generation-mode button:hover{background:#515b56;color:#fff}.segmented button[aria-pressed=true],.generation-mode button[aria-pressed=true]{background:#637360;border-color:#b1bfa8;color:#fff}.range-field::-webkit-slider-runnable-track{background:linear-gradient(to right,#b79c78 0%,#b79c78 var(--range-fill),#78807a var(--range-fill),#78807a 100%)}.range-field::-webkit-slider-thumb{background:#f2ebe0;border-color:#dec5a4;box-shadow:0 0 0 4px #414a46,0 2px 7px #0004}.range-field::-moz-range-track{background:#78807a}.range-field::-moz-range-progress{background:#b79c78}.range-field::-moz-range-thumb{background:#f2ebe0;border-color:#dec5a4}.compose-actions{background:linear-gradient(180deg,#4a4f4c,#373d3e);border-top-color:#9da498;box-shadow:0 -10px 24px #20252535}.compose-action-topline>span,.compose-action-topline small,.compose-action-note,.compose-action-note svg{color:#e3e6dd}.generate-button{background:linear-gradient(120deg,#e3ceb6,#c2a58a);border-color:#ead8c2;color:#252c28;box-shadow:0 4px 15px #211d1918,inset 0 1px #ffffff78}.generate-button:hover:not(:disabled){background:linear-gradient(120deg,#f0ddc8,#d2b497)}.generate-button kbd{color:#4d4840;background:#ecd8be;border-color:#a88f71}.variation-button{background:#545e5c;border-color:#a1ada0;color:#f1f2eb}.variation-button:hover:not(:disabled){background:#67726b;border-color:#bdc7b9;color:#fff}.scope-pill{background:#525b56;border-color:#9baa9c;color:#f5f5ec}.track-strip{background:#444c4d;border-color:#78867e}.track-strip.focused{background:#576459;border-color:#abb99f}.track-name-button strong{color:#f6f6ed}.track-name-button small,.track-audibility{color:#e0e5dc}.track-management button,.track-toggles button{background:#50595a;border-color:#919c94;color:#f2f3ec}.track-management button:hover{background:#616969}.track-toggles button[aria-pressed=true]{background:#646c56;border-color:#c8bb94;color:#fff}.track-panel .track-add{background:#655e51;border-color:#aeb39b;color:#fcf6e7}.track-panel .track-add:hover{background:#776c59}.inspector-empty{background:#464f4d;border-color:#909c90;color:#edf0e5}.source-loop-editor,.melody-advanced{background:#414a49;border-color:#9ba99d;color:#f0f2e9}.melody-step-heading{color:#f4f4ef}.melody-step-heading>span{background:#645c4f;border-color:#c4ab88;color:#f4f2e9}.melody-task-help{background:#4c5650;border-left-color:#c4ac8e}.melody-advanced-content{border-top-color:#8d9a90}.harmony-guide-item,.song-form-sections li{background:#505955;border-color:#939e93;color:#f3f4ec}.song-form-sections strong{color:#f0ddbb}.song-form-sections span{color:#eaeee6}.harmony-take-lab{background:#454e4b;border-color:#9baa9b}.take-switcher{border-color:#9ca99b}.take-choice{background:#535e58;border-color:#94a394;color:#f7f8f2}.take-choice small,.take-switcher .field-hint{color:#e4e9dd}.take-choice:hover{background:#687269}.take-choice[aria-pressed=true]{background:#657562;border-color:#c5c7aa;box-shadow:inset 3px 0 #d0b791}.take-listen{background:#69614f;border-color:#c4ae8d;color:#fbf4e7}.take-listen:hover{background:#80735e;color:#fff}.take-diff{border-left-color:#b69d7c;color:#e8ece4}.take-diff summary{color:#f3e3c8}.take-preview-label{background:#635a4d;color:#fff2d7;border-color:#b59d74}.editor-main{color-scheme:light;background:#d9dbd7;color:#282e2c}.editor-context{background:#efefec;border-bottom-color:#b3b9b3;color:#292e2c}.editor-title h1,.editor-context .editor-title h1{color:#292f2c}.editor-title svg{color:#666d64}.editor-title>span,.editor-context-right{color:#49524d}.editor-title .context-separator{color:#7c8680}.editor-context-right select{background:#e4e6e1;color:#313936;border-color:#7f8780}.time-signature{background:#dce0d8;color:#333c37;border-color:#8a9888}.edit-target-indicator{background:#cbd0c7;color:#29362d;border-color:#8c9d88}.editor-toolbar{background:#e2e4df;border-bottom-color:#afb6ae}.editor-main .icon-button{color:#313a35}.editor-main .icon-button:hover:not(:disabled){background:#c9cec7;color:#202825}.editor-main .control-divider{background:#9ca49c}.tool-segment{background:#cfd3cc;border-color:#666d69}.tool-segment button{color:#343b37}.tool-segment button:hover{color:#222925;background:#bdc4bc}.tool-segment button[aria-pressed=true]{background:#5c6a5b;color:#fff;border-color:#5a6858}.editor-main .precision-controls label>span,.editor-main .editor-active-tool,.editor-main .active-tool-readout,.editor-main .editor-context-right,.editor-main .time-signature{color:#343b37}.precision-controls .select-field select{background:#f0f0ed;color:#252e29;border-color:#626b65}.precision-controls .select-field>svg{color:#4f5c54}.fit-button{background:#d2d6d0;border-color:#717c73;color:#343b36}.active-tool-readout{background:#ced4cc;color:#313a32;border-color:#626c63}.active-tool-readout strong{color:#29362e}.piano-editor{background:#d4d7d2}.piano-grid{background-color:#dce0da;background-image:linear-gradient(to bottom,rgba(79,85,80,.12) 1px,transparent 1px),linear-gradient(to right,rgba(71,77,72,.36) 1px,transparent 1px),linear-gradient(to right,rgba(78,82,76,.13) 1px,transparent 1px)!important}.piano-timeline{background:#c9cec7!important;border-bottom-color:#8e988f!important}.piano-timeline .measure-number{color:#303936;border-color:#939d93}.chord-strip{background:#c1c8c0;border-top-color:#a3ada1}.chord-chip{color:#293c30;border-right-color:#a7b5a7}.chord-chip .chord-dot{background:#657e64}.chord-lock-toggle{color:#2e3a30}.chord-lock-toggle:hover,.chord-lock-toggle:focus-visible{background:#adbba9;color:#263529}.chord-lock-toggle.is-locked{background:#a8b6a4;color:#3b3024}.chord-lock-toggle.is-locked .chord-dot{background:#a5793b}.piano-key.piano-key-white{background-color:#eceee9!important;color:#333c37!important}.piano-key.piano-key-black{background-color:#464c4a!important;color:#eeeeea!important}.piano-key.octave-key{color:#263b31!important;border-top-color:#8a988c}.piano-key.piano-key-black.octave-key{color:#f3f3ec!important}.velocity-grid{background-color:#c4c9c2!important;border-top-color:#9ca59a}.velocity-label{color:#444e46}.editor-footnote{background:#d3d6d0;border-top-color:#a6afa6;color:#39433d}.editor-footnote strong{color:#293b2c}.editor-main .editor-footnote,.editor-main .editor-footnote>span{color:#3b443e}.pattern-empty{background:#e1e3df;background-image:radial-gradient(ellipse at center 40%,#c3b39c20,transparent 66%),linear-gradient(#888f8917 1px,transparent 1px),linear-gradient(90deg,#888f8917 1px,transparent 1px)}.pattern-empty .eyebrow{color:#605a50}.pattern-empty h2{color:#2b3330}.pattern-empty p,.pattern-empty .empty-hint{color:#555f59}.empty-motif span{background:#978d78;border-color:#6f7768}.pattern-empty .primary-button{background:#c8ad91;color:#252a26;border-color:#a98d72}.pattern-empty .secondary-button{background:#e5e5df;color:#2c352f;border-color:#838d82}.pattern-empty .text-button:hover{background:#c9cdc5;color:#252c29}.note-precision-editor{background:#d1d6cf;color:#2f3831;border-bottom-color:#879389}.note-precision-summary{color:#28352c;background:#d3d8d1}.note-precision-summary span{color:#47564b}.note-precision-body{border-top-color:#97a29a}.note-precision-editor select,.note-precision-editor input{background:#f1f2ec;color:#27332a;border-color:#68756a}.velocity-nudge-controls button{background:#5b695a;border-color:#50624f;color:#fff}.velocity-nudge-controls button:hover{background:#6c7c68}.precision-note-help,.precision-selection-count{color:#364d3a}.app-status{background:#3b4142;border-top-color:#828b85;color:#e6e9e3}.app-status button,.status-hints,.app-status .save-status{color:#e0e4de}.save-status svg{color:#d1b89a}.sound-library,.shortcut-dialog,.replace-project-dialog{background:#3c4343;border-color:#98a59b;color:#f3f4ed}.sound-library-header,.sound-library-footer{border-color:#78847d}.sound-library-search{background:#2e3535;border-color:#a5b3a6}.sound-library-search:focus-within{border-color:#dcc4a6;box-shadow:0 0 0 2px #cbb99f2c}.sound-library-categories button{background:#535c59;border-color:#9ca99d}.sound-library-categories button[aria-pressed=true]{background:#cebba3;color:#283129;border-color:#e1cdb5}.sound-library-row:hover{background:#525e59}.sound-library-select[aria-pressed=true]{background:#5b695c;color:#f6f7ee}.replace-project-comparison{background:#343c3c;border-color:#8e9990}.replace-project-dialog>p{color:#e2e7de}.replace-project-comparison small{color:#d6ddd4}.replace-project-actions .secondary-button{background:#58625d;border-color:#a6b6a6;color:#f6f6ee}.shortcut-dialog .secondary-button{color:#f5f5ee}.toast{background:#535b56;border-color:#a8b3a8;color:#fff}.editor-main .tool-segment,.editor-main .precision-controls .select-field select,.editor-main .editor-context-right select,.editor-main .active-tool-readout{border-color:#666d69}.inspector .sound-picker-trigger,.sound-library .sound-library-search{border-color:#a5b3a7}@container (max-width: 650px){.editor-main .precision-controls{border-top-color:#aab3a9}}@media(max-width:760px){.inspector,.inspector-collapsed .inspector{border-right-color:#9aa49a}.inspector-close{background:#505a56;border-color:#98a99a;color:#f1f2ed}.transport{border-top-color:#909a94}}.inspector-heading{min-height:54px;padding:11px 17px}.inspector-heading-copy{gap:2px}.inspector-heading-copy strong{font-size:14px}.inspector-overline{font-size:9px;letter-spacing:1px}.inspector-tabs-row{height:50px;padding:6px 12px}.inspector-tabs button{font-size:12px;gap:6px}.compose-panel .inspector-content{padding:16px 17px 25px}.compose-compact-intro{margin:0 0 18px}.compose-intro-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.compose-intro-label .eyebrow{font-size:11px;color:#e2cfb6}.compose-intro-label .panel-version{font-size:11px;color:#c7d0c7}.compose-compact-intro h2{margin:0;color:#f3f3ed;font-size:20px;font-weight:680;letter-spacing:-.65px}.compose-compact-intro p{margin:5px 0 0;font-size:12px;color:#d7ddd7;text-transform:capitalize}.compose-compact-intro p span{margin-inline:4px;color:#c7ad8d}.compose-panel .compose-section{padding-bottom:14px;margin-bottom:14px}.compose-panel .section-heading{margin-bottom:9px}.compose-panel .section-heading h3{font-size:13px;color:#f2f2ed}.compose-panel .field-heading{margin-bottom:7px}.compose-panel .field-heading h4{font-size:12px}.compose-panel .field-control{gap:5px}.compose-panel .field-control>span{color:#e4e8df;font-size:12px}.compose-panel .select-field select{height:39px}.compose-panel .generation-mode button{min-height:37px}.compose-panel .segmented button{height:36px}.compose-panel .generation-hint{margin:5px 0 0}.compose-panel .sound-picker-trigger{min-height:45px}.compose-panel .sound-section{padding-bottom:14px;margin-bottom:14px}.compose-panel .feel-presets button{min-height:36px}.compose-panel .arrangement-label{margin-top:13px;margin-bottom:8px}.compose-panel .range-captions{margin-top:1px}.follow-workflow-section .melody-adaptive-controls{gap:10px;padding-top:0}.follow-workflow-section .melody-step-heading{margin:4px 0 0;color:#eceee7}.follow-workflow-section .melody-step-heading h4{font-size:12px;font-weight:650}.follow-workflow-section .melody-task-help{margin:-4px 0 1px;padding:0;border:0;background:transparent;color:#d6dcd3}.follow-workflow-section .field-heading output{margin-left:auto;color:#ede7d9}.follow-workflow-section .expression-control .field-heading{margin-bottom:0}.follow-workflow-section .expression-control .range-field{margin-top:1px}.compose-disclosure{margin:0 0 9px;border:1px solid #859089;background:#41494a;border-radius:9px;overflow:clip}.compose-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;min-height:47px;padding:9px 34px 9px 12px;position:relative;color:#f1f2ec}.compose-disclosure>summary::-webkit-details-marker{display:none}.compose-disclosure>summary:after{content:"";position:absolute;right:15px;top:calc(50% - 4px);width:7px;height:7px;border-right:1.5px solid #d1d9cf;border-bottom:1.5px solid #d1d9cf;transform:rotate(45deg);transition:transform .15s ease}.compose-disclosure[open]>summary:after{transform:rotate(225deg) translate(-3px,-3px)}.compose-disclosure>summary:focus-visible{outline:2px solid #e3c29f;outline-offset:-3px;border-radius:8px}.compose-disclosure>summary>span{font-size:12px;font-weight:670}.compose-disclosure>summary small{flex:0 1 auto;min-width:0;font-size:10px;font-weight:480;color:#d0d8d0;text-align:right;overflow-wrap:anywhere}.compose-disclosure[open]{background:#444c4d;border-color:#b0aaa0}.compose-disclosure-body{padding:11px 12px 13px;border-top:1px solid #77817a}.compose-disclosure-body .field-heading h4{font-size:12px}.compose-disclosure-body .expression-control+.expression-control{margin-top:16px}.compose-disclosure-body .generation-hint{color:#d5dbd3}.compose-disclosure-body .harmony-take-lab{margin-top:0;background:#454f4a}.compose-disclosure-body .take-choices{margin-top:8px}.compose-disclosure-body .song-form-build,.compose-disclosure-body .song-form-sections{margin-top:12px}.compose-disclosure-body .source-loop-editor{margin-top:7px}.follow-workflow-section .melody-advanced{margin-top:0;background:#41494a}.follow-workflow-section .melody-advanced>summary{min-height:48px;padding:9px 32px 9px 12px;gap:3px}.follow-workflow-section .melody-advanced>summary span{line-height:1.35;color:#d4dad0}.follow-workflow-section .melody-advanced-content{padding:11px 12px 13px;gap:13px}.follow-workflow-section .melody-advanced-content .generation-hint{margin-top:4px}.compose-actions{padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top-color:#969d96}.generate-button{height:44px}.variation-button{margin-top:7px;min-height:30px;padding:6px;background:transparent;border:0;color:#e3e7dc}.variation-button:hover:not(:disabled){background:#535f59;color:#fff}.inspector-tabs button svg{opacity:.68}@media(max-width:760px){.inspector-heading{min-height:52px;padding:10px 16px}.inspector-tabs-row{height:48px;padding:6px 10px}.compose-panel .inspector-content{padding:14px 16px 22px}.compose-compact-intro{margin-bottom:14px}.compose-panel .compose-section{padding-bottom:12px;margin-bottom:12px}.compose-actions{padding:10px 16px max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.compose-disclosure>summary:after{transition:none}}.project-menu-trigger{display:inline-flex;min-height:35px;padding:0 10px;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:660}.project-menu[open] .project-menu-trigger{background:#626b68;border-color:#b3bdb3}.project-menu-trigger>svg{flex:0 0 auto}.project-menu-content{min-width:248px}.editor-toolbar{position:relative;z-index:12;overflow:visible}.view-controls{gap:5px}.canvas-view-menu{position:relative}.canvas-view-menu>summary{list-style:none}.canvas-view-menu>summary::-webkit-details-marker{display:none}.canvas-view-trigger{height:35px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;background:#d7dbd4;color:#303934;border:1px solid #747e76;font-size:11px}.canvas-view-trigger:hover,.canvas-view-menu[open]>summary{background:#c7cdc3;color:#232e27;border-color:#5d6c5e}.canvas-view-menu-content{position:absolute;top:calc(100% + 7px);right:0;display:flex;flex-direction:column;gap:3px;width:175px;padding:6px;z-index:90;border:1px solid #8b958a;border-radius:9px;background:#edefe9;color:#2e3830;box-shadow:0 12px 28px #2026243b}.canvas-view-menu-content button{display:flex;align-items:center;gap:8px;min-height:37px;width:100%;padding:7px 9px;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;color:#28352e;font-size:12px;font-weight:620}.canvas-view-menu-content button:hover,.canvas-view-menu-content button:focus-visible{background:#d6ddd3;border-color:#a7b5a4}.canvas-view-menu-content button[aria-pressed=true]{background:#5e715e;color:#fff}.pattern-empty{padding-top:18px}.pattern-empty h2{font-size:clamp(22px,3vw,29px);margin-bottom:7px}.pattern-empty .empty-actions{margin-top:18px}@media(max-width:430px){.project-menu-trigger{min-width:37px;padding:0 8px}.project-menu-trigger span,.project-menu-trigger>svg:last-child{display:none}.canvas-view-trigger{padding:0 8px}}.tool-panel-intro{margin-bottom:14px}.tool-panel-intro .eyebrow{display:block;color:#e0cbaa;font-size:10px;margin-bottom:5px}.tool-panel-intro h2{color:#f1f2ec;margin:0;font-size:18px;line-height:1.2;letter-spacing:-.55px}.transform-panel .scope-pill{margin-bottom:16px;padding:10px}.transform-panel .field-section{padding-bottom:16px;margin-bottom:16px}.transform-panel .field-section h3{color:#f3f4ed;font-size:13px;margin-bottom:9px}.transform-more-disclosure{margin-top:3px}.transform-more-disclosure .field-section{margin-bottom:14px;padding-bottom:14px}.transform-more-disclosure .field-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transform-more-disclosure .secondary-button.wide{margin-top:9px}.track-panel .track-add{margin-bottom:10px}.track-panel .track-show-all{justify-content:space-between;min-height:36px;margin-bottom:8px}.track-panel .track-list{display:grid;gap:9px}.track-panel .track-strip{margin:0;padding:11px;border-radius:10px;background:#454d4d;border-color:#859187}.track-panel .track-strip.focused{margin:0;padding:11px}.track-panel .track-strip-heading{gap:7px;margin:0}.track-panel .track-name-button{min-height:34px}.track-panel .track-name-button strong{font-size:12px}.track-panel .track-toggles{flex:0 0 auto}.track-panel .track-settings-disclosure{margin:9px 0 0;border-color:#79867e;background:#3e4647}.track-panel .track-settings-disclosure>summary{min-height:37px;padding:8px 32px 8px 10px}.track-panel .track-settings-disclosure>summary>span{font-size:11px}.track-panel .track-settings-disclosure>summary small{font-size:10px}.track-panel .track-settings-disclosure .compose-disclosure-body{padding:10px}.track-panel .track-settings-disclosure .track-management{margin:15px 0 0;padding:10px 0 0;border-top:1px solid #69796e}.track-panel .track-settings-disclosure .field-heading{margin-top:12px}.track-panel .track-settings-disclosure .track-midi-export-note{margin:8px 0 12px;padding:6px 8px;background:#434f4a;color:#e1e8df}@container (max-width: 650px){.editor-toolbar .view-controls{gap:3px;margin-left:auto}.editor-toolbar .view-controls .fit-button,.editor-toolbar .view-controls .canvas-view-trigger{width:40px;min-width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.editor-toolbar .view-controls .fit-button>span,.editor-toolbar .view-controls .canvas-view-trigger>span{display:none}.editor-toolbar .view-controls .canvas-view-trigger svg{width:17px;height:17px}.editor-toolbar .view-controls .canvas-view-trigger>svg:last-child{display:none}}@media(max-width:760px)and (max-height:700px){.editor-main .active-tool-readout{display:none}.editor-toolbar{row-gap:4px}}.floating-menu-panel.project-menu-content,.floating-menu-panel.canvas-view-menu-content{position:fixed;inset:auto;z-index:180;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 16px);box-shadow:0 18px 48px #1419197d}.floating-menu-panel.project-menu-content{background:#414848;border:1px solid #929c94}.floating-menu-panel.canvas-view-menu-content{background:#edefe9;border:1px solid #8b958a}