@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.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(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.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(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.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(/assets/inter-greek-opsz-normal-BM0NlUE_.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(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.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(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.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(/assets/inter-latin-opsz-normal-BwkfbSeq.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(/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(/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(/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(/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(/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}.instrument-dialog{height:min(740px,calc(100dvh - 48px))}.instrument-dialog strong{color:var(--foreground);font-weight:var(--weight-medium)}.instrument-dialog__body{display:flex;flex-direction:column;padding:0;overflow:hidden}.instrument-search{position:relative;flex:none;margin:12px 20px}.instrument-search>svg{position:absolute;left:10px;top:8px;z-index:1;color:var(--foreground-subtle);pointer-events:none}.instrument-search .ui-input{width:100%;padding-left:34px}.instrument-layout{display:grid;grid-template-columns:168px minmax(0,1fr) 300px;flex:1;min-height:0;border-top:1px solid var(--border-subtle)}.instrument-layout>nav,.instrument-bank-list,.instrument-detail{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}.instrument-layout>nav{display:flex;flex-direction:column;gap:2px;padding:8px;border-right:1px solid var(--border-subtle)}.instrument-nav__item{display:flex;align-items:center;justify-content:flex-start;flex:none;height:var(--control-md);padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans);text-align:left;white-space:nowrap;transition:background-color var(--duration-hover) ease,color var(--duration-hover) ease}@media(hover:hover)and (pointer:fine){.instrument-nav__item:hover{background:var(--surface-hover);color:var(--foreground)}}.instrument-nav__item[aria-pressed=true]{background:var(--surface-active);color:var(--foreground);font-weight:var(--weight-medium)}.instrument-import{margin-top:auto;padding-top:16px}.instrument-import p{margin:0;padding:4px 8px;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.instrument-bank-list{padding:8px;border-right:1px solid var(--border-subtle)}.instrument-bank-list>button{display:flex;align-items:flex-start;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;border:0;border-radius:var(--radius);background:transparent;color:var(--foreground);text-align:left;transition:background-color var(--duration-hover) ease}.instrument-bank-list>button>svg{flex:none;color:var(--foreground-muted)}.instrument-bank-list>button>svg:first-child{margin-top:1px}.instrument-bank-list>button>svg:last-child:not(:first-child){margin-top:1px;color:var(--foreground-subtle)}.instrument-bank-list>button>span{flex:1;min-width:0}.instrument-bank-list strong{display:block;color:var(--foreground);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans)}.instrument-bank-list small{display:block;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);font-variant-numeric:tabular-nums}.instrument-bank-list em{display:-webkit-box;margin-top:4px;overflow:hidden;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);font-style:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(hover:hover)and (pointer:fine){.instrument-bank-list>button:hover:not(:disabled){background:var(--surface-hover)}.instrument-bank-list>button.selected:hover{background:var(--accent-muted)}}.instrument-bank-list>button.selected{background:var(--accent-muted);box-shadow:inset 0 0 0 1px var(--accent-border)}.instrument-bank-list>button:disabled{opacity:var(--disabled-opacity);cursor:default}.instrument-skeletons{display:grid;gap:4px}.instrument-empty{margin:0;padding:12px;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.instrument-detail{display:flex;flex-direction:column;gap:12px;padding:16px}.instrument-detail h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.instrument-heading{display:grid;gap:2px;min-width:0}.instrument-meta{margin:0;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);font-variant-numeric:tabular-nums}.instrument-audition{display:grid;grid-template-columns:1fr 1fr;gap:12px}.instrument-audition .ui-slider{min-height:var(--control-md);align-self:center}.instrument-mini-keys{display:flex;gap:4px}.instrument-mini-keys button{display:flex;flex:1;align-items:flex-end;justify-content:center;min-width:0;height:40px;padding:0 0 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--foreground-muted);font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans);transition:background-color var(--duration-hover) ease,color var(--duration-hover) ease}@media(hover:hover)and (pointer:fine){.instrument-mini-keys button:hover{background:var(--surface-4)}}.instrument-mini-keys button:active{background:var(--accent);color:var(--accent-foreground)}.instrument-level{display:flex;align-items:center;gap:var(--space-2);min-height:16px}.instrument-level__label{font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);color:var(--foreground-muted)}.instrument-level__meter{flex:1}.instrument-level__meter .ui-meter__bar{height:4px}.instrument-credit p{margin:0;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.instrument-credit a{display:inline-flex;align-items:center;gap:2px;margin-top:4px;color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);text-decoration:none}@media(hover:hover)and (pointer:fine){.instrument-credit a:hover{color:var(--foreground)}}.instrument-disclosure>summary{display:flex;align-items:center;gap:6px;color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);list-style:none;cursor:default}.instrument-disclosure>summary::-webkit-details-marker{display:none}.instrument-disclosure[open]>summary>svg{rotate:90deg}.instrument-license pre{max-height:150px;margin:8px 0 0;overflow:auto;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);white-space:pre-wrap}.instrument-compatibility ul{margin:8px 0 0;padding-left:16px;color:var(--warning);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.instrument-apply-bar{position:sticky;bottom:-16px;margin:auto -16px -16px;padding:12px 16px 16px;background:var(--surface-float);border-top:1px solid var(--border-subtle)}.instrument-apply-bar .ui-btn{justify-content:center}.instrument-empty-detail{display:flex;flex-direction:column;gap:8px;color:var(--foreground-subtle)}.instrument-empty-detail p{margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.instrument-footer{display:flex;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-top:1px solid var(--border-subtle);color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.instrument-footer__busy{min-width:0;font-variant-numeric:tabular-nums}.instrument-footer__cancel{margin-left:auto}.instrument-footer__error{display:flex;align-items:flex-start;gap:6px;color:var(--foreground)}.instrument-footer__error>svg{flex:none;margin-top:1px;color:var(--danger)}@media(max-width:800px){.instrument-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.instrument-layout>nav{flex-direction:row;align-items:center;grid-column:1 / -1;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border-subtle)}.instrument-nav__item{flex:none}.instrument-import{display:flex;flex:none;margin:0 0 0 auto;padding:0}.instrument-import .ui-btn{width:auto;flex:none}.instrument-import p{display:none}}@media(max-width:640px){.instrument-dialog{height:calc(100dvh - 16px)}.instrument-search{margin:12px 16px}.instrument-layout{display:flex;flex-direction:column;overflow:auto}.instrument-layout>nav{flex:none}.instrument-bank-list{flex:none;max-height:40dvh;border-right:0;border-bottom:1px solid var(--border-subtle)}.instrument-detail{flex:none;overflow:visible}.instrument-apply-bar{bottom:0}.instrument-footer{padding:0 16px}}.piano-roll{--roll-color: var(--track-1);display:flex;flex-direction:column;flex:1;min-height:0;height:auto;color:var(--foreground);background:var(--surface-1);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);overflow:hidden;isolation:isolate}.pr-toolbar{display:flex;align-items:center;gap:var(--space-2);flex:none;min-width:0;height:var(--roll-toolbar-h);padding:0 var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border-subtle);background:transparent}.pr-status{display:flex;align-items:center;gap:var(--space-15);flex:1;min-width:0;overflow:hidden;white-space:nowrap}.pr-count{flex:none;color:var(--foreground-muted)}.pr-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--foreground-subtle)}.pr-status__lock{color:var(--foreground-subtle)}.pr-status__title{flex:none;color:var(--foreground-muted);font-weight:var(--weight-medium)}.pr-convert{flex:none}.pr-velocity{display:flex;align-items:center;gap:var(--space-15);flex:none}.pr-velocity__label{color:var(--foreground-muted);font-weight:var(--weight-medium)}.pr-velocity__slider{width:96px}.pr-velocity__value{min-width:24px;text-align:right;color:var(--foreground);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.pr-velocity__value--empty{color:var(--foreground-disabled)}.pr-mode{flex:none}.pr-range{flex:none;min-width:52px;text-align:right;color:var(--foreground-subtle);font-variant-numeric:tabular-nums}.pr-view-tools{display:flex;align-items:center;gap:0;flex:none}@media(hover:hover)and (pointer:fine){.pr-delete:hover:not(:disabled){color:var(--danger);background:var(--danger-muted)}}.pr-frame{position:relative;display:flex;flex-direction:column;flex:1;min-height:90px}.pr-frame:has(.pr-grid:focus-visible):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;box-shadow:inset 0 0 0 2px var(--ring);pointer-events:none}.pr-viewport{position:relative;flex:1;min-height:90px;overflow:auto;overscroll-behavior:contain}.pr-canvas{position:relative;min-width:100%}.pr-ruler{position:sticky;top:0;z-index:6;height:var(--roll-ruler-h);background:var(--surface-2);border-bottom:1px solid var(--border-subtle);overflow:clip;-webkit-user-select:none;user-select:none}.pr-ruler-corner{position:sticky;left:0;z-index:7;width:var(--roll-keys-w);height:100%;background:var(--surface-2);border-right:1px solid var(--border-subtle)}.pr-ruler-times{position:absolute;top:0;left:var(--roll-keys-w);right:0;height:100%;pointer-events:none}.pr-ruler-times>span{position:absolute;top:4px;margin-left:6px;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans);font-variant-numeric:tabular-nums}.pr-ruler-times>span[data-current]{color:var(--foreground)}.pr-ruler-times>span:before{content:"";position:absolute;left:-6px;bottom:-4px;width:1px;height:8px;background:var(--ruler-tick-cycle)}.pr-body{position:relative}.pr-keyboard{position:sticky;left:0;z-index:5;width:var(--roll-keys-w);background:var(--key-white);border-right:1px solid var(--border-subtle);touch-action:none}.pr-key{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%;padding:0 6px 0 0;border:0;border-radius:0;background:transparent;color:var(--foreground-muted);font:var(--weight-medium) var(--text-xs) / 1 var(--font-sans);cursor:pointer;transition:none}.pr-key:active{transform:none}.pr-key:not(.pr-key-black){border-bottom:1px solid var(--key-seam)}.pr-key.pr-key-c{border-bottom-color:var(--key-octave-seam)}.pr-key-black:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:30px;background:var(--key-black);border-radius:0 3px 3px 0}.pr-key>span{position:relative}.pr-key:not(.pr-key-black):active{background:color-mix(in oklab,var(--roll-color) 36%,transparent)}.pr-key-black:active:before{background:color-mix(in oklab,var(--roll-color) 55%,var(--key-black))}@media(hover:hover)and (pointer:fine){.pr-key:not(.pr-key-black):hover:not(:active){background:color-mix(in oklab,var(--roll-color) 24%,transparent)}.pr-key-black:hover:not(:active):before{background:color-mix(in oklab,var(--roll-color) 40%,var(--key-black))}}.pr-grid{position:absolute;left:var(--roll-keys-w);right:0;top:0;height:100%;outline:none;touch-action:none;cursor:crosshair;isolation:isolate;background-color:var(--surface-1);background-image:linear-gradient(to right,var(--grid-step) 1px,transparent 1px),linear-gradient(to right,var(--grid-beat) 1px,transparent 1px)}.pr-grid:focus-visible{outline:none}.pr-grid.pr-read-only{cursor:default}.pr-pitch-row{position:absolute;left:0;width:100%;z-index:-1;background:var(--roll-white-lane);pointer-events:none}.pr-dark-row{background:var(--roll-black-lane)}.pr-octave-row{border-bottom:1px solid var(--grid-octave)}.pr-cycle-line{position:absolute;top:0;bottom:0;z-index:0;width:1px;background:var(--grid-cycle);pointer-events:none}.pr-live-cycle{position:absolute;top:0;bottom:0;left:0;z-index:3;background:var(--live-cycle);pointer-events:none}.pr-note{position:absolute;z-index:2;min-width:4px;overflow:hidden;border-radius:var(--radius-note);background:color-mix(in oklab,var(--roll-color) calc(35% + var(--vel, .8) * 65%),var(--note-low));color:var(--note-label);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow var(--duration-hover) ease}.pr-note:active{cursor:grabbing}.pr-note__label{display:block;overflow:hidden;padding:0 4px;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:14px;white-space:nowrap;pointer-events:none}.pr-note-velocity{position:absolute;left:0;bottom:0;height:2px;background:var(--note-velocity);pointer-events:none}.pr-note .pr-resize{position:absolute;top:0;right:0;width:8px;height:100%;cursor:ew-resize}.pr-note .pr-resize:after{content:"";position:absolute;right:2px;top:50%;width:2px;height:8px;margin-top:-4px;border-radius:1px;background:var(--note-label);opacity:0}@media(hover:hover)and (pointer:fine){.pr-note:hover{box-shadow:inset 0 0 0 1px var(--grip)}.pr-note:hover .pr-resize:after{opacity:1}}.pr-note.pr-note-selected{z-index:3;box-shadow:0 0 0 1px var(--surface-1),0 0 0 3px var(--accent);transition:none}.pr-note-selected .pr-resize:after{opacity:1}.pr-note:focus-visible{outline:none;box-shadow:0 0 0 1px var(--surface-1),0 0 0 3px var(--accent),inset 0 0 0 1px var(--foreground);transition:none}.pr-read-only .pr-note{cursor:default}.pr-playhead{position:absolute;top:0;bottom:0;left:0;z-index:4;width:1px;background:var(--playhead-idle);pointer-events:none;will-change:transform;contain:layout style}.pr-playhead[data-playing=true]{background:var(--playhead-live)}.pr-playhead[data-visible=false]{visibility:hidden}.pr-pan-mode .pr-grid,.pr-pan-mode .pr-note,.pr-pan-mode .pr-key{cursor:grab}.pr-pan-mode .pr-grid:active,.pr-pan-mode .pr-note:active,.pr-pan-mode .pr-key:active{cursor:grabbing}@media(max-width:640px),(pointer:coarse){.pr-note{overflow:visible}.pr-note .pr-resize{top:50%;right:-12px;width:24px;height:24px;margin-top:-12px;border-radius:3px}.pr-note .pr-resize:after{top:5px;right:10px;width:3px;height:14px;margin-top:0;border-radius:2px;box-shadow:0 0 0 2px var(--roll-color)}}@media(max-width:800px){.pr-hint:not(.pr-unpitched){display:none}.pr-velocity__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media(max-width:640px){.pr-toolbar{flex-wrap:wrap;height:auto;gap:var(--space-1);padding:0 6px}.pr-status{min-height:44px}.pr-status__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pr-range{display:none}.pr-mode.ui-seg{height:44px}.pr-mode .ui-seg__item{height:38px;min-width:52px;justify-content:center}.pr-view-tools .ui-btn{width:44px;height:44px}.pr-velocity{order:10;flex-basis:100%;height:48px}.pr-velocity__slider{flex:1;width:auto}.pr-velocity .pr-delete{width:44px;height:44px}.pr-toolbar--read-only .pr-velocity{display:none}.pr-toolbar--read-only .pr-status{order:10;flex-basis:100%;height:48px}.pr-toolbar--read-only .pr-status__title{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.pr-toolbar--read-only .pr-mode{margin-left:auto}.pr-note{min-width:24px}.pr-note__label{line-height:24px}}.service-notice{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-panel)}.service-notice>svg{margin-top:1px;color:var(--warning)}.service-notice__text{display:grid;gap:2px;min-width:0}.service-notice p{margin:0}.service-notice__title{color:var(--foreground);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans)}.service-notice__body{color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.service-notice__detail{color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);overflow-wrap:anywhere}.producer-status{display:grid;gap:var(--space-2);min-width:0}.producer-provider{margin:0;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.producer-progress{display:grid;gap:var(--space-15)}.producer-progress__row{display:flex;align-items:center;gap:var(--space-2);color:var(--foreground-muted)}.producer-progress__message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-progress{width:100%;height:4px;border:0;border-radius:2px;background:var(--surface-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.ui-progress::-webkit-progress-bar{background:var(--surface-4)}.ui-progress::-webkit-progress-value{background:var(--accent)}.ui-progress::-moz-progress-bar{background:var(--accent)}.producer-note{margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.producer-note--fine{color:var(--foreground-subtle)}.producer-prose{margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.producer-error{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) 10px;background:var(--danger-muted);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--foreground);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);overflow-wrap:anywhere}.producer-error>svg{margin-top:1px;color:var(--danger)}.producer-operation>.producer-error,.producer-status>.producer-error{margin-top:0}.producer-hint{display:flex;gap:var(--space-15);margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.producer-hint>svg{margin-top:1px;color:var(--warning)}.producer-wide{grid-column:1 / -1}.producer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-width:0}.producer-heading__name{min-width:0;overflow:hidden;color:var(--foreground);font:var(--weight-semibold) var(--text-base) / var(--leading-base) var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.producer-heading__meta{flex:none;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);white-space:nowrap}.producer-operation{display:grid;gap:var(--space-3);min-width:0;padding-top:var(--space-3)}.producer-operation h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.producer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);min-width:0}.producer-columns--3{grid-template-columns:repeat(3,minmax(0,1fr))}.producer-columns__note{align-self:end;display:flex;align-items:center;min-height:var(--control-md);margin:0}.ui-dialog .producer-columns__note{min-height:var(--control-lg)}.producer-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1);min-width:0}.producer-run--full{width:100%}.producer-link-button{align-self:flex-start;width:fit-content}.producer-alternatives{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-15)}.producer-disclosure>summary{display:flex;align-items:center;gap:var(--space-15);width:fit-content;color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);cursor:default;list-style:none}.producer-disclosure>summary::-webkit-details-marker{display:none}.producer-disclosure[open]>summary>svg{transform:rotate(90deg)}.producer-disclosure__body{display:grid;gap:var(--space-3);margin-top:var(--space-2)}@media(hover:hover)and (pointer:fine){.producer-disclosure>summary:hover,.producer-download:hover,.generation-context a:hover{color:var(--foreground)}}.producer-results{display:grid;gap:var(--space-3);min-width:0}.producer-audio-result{display:grid;gap:var(--space-2);justify-items:start;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.producer-audio-result:first-child{padding-top:0;border-top:0}.producer-audio-result__head{display:flex;align-items:center;gap:var(--space-15);width:100%;min-width:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.producer-audio-result__head strong{flex:1;min-width:0;overflow:hidden;color:var(--foreground);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.producer-audio-result__head small{color:var(--foreground-subtle)}.analysis-results{display:grid;gap:var(--space-3);justify-items:start}.analysis-results>.producer-note,.analysis-results>.beat-grid-preview,.analysis-results>.analysis-metrics{justify-self:stretch}.analysis-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.analysis-metrics strong{display:block;color:var(--foreground);font:var(--weight-medium) var(--text-lg) / var(--leading-lg) var(--font-sans);font-variant-numeric:tabular-nums}.analysis-metrics small{display:block;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.beat-grid-preview{width:100%;height:70px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.midi-result{display:grid;gap:var(--space-3);min-width:0;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.midi-result-preview{width:100%;height:80px;background-color:var(--surface-2);background-image:linear-gradient(to bottom,var(--grid-step) 1px,transparent 1px);background-size:100% 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);fill:var(--foreground-muted)}.producer-download{display:inline-flex;align-items:center;gap:var(--space-15);width:fit-content;color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);text-decoration:underline;text-underline-offset:2px}.sample-actions{display:grid;gap:var(--space-3);min-width:0;margin:var(--space-4) 0}.sample-operation-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.sample-operation-tabs .ui-tabs__tab{min-width:0;padding:0 2px}.sample-operation-tabs .ui-tabs__tab[data-active]:after{left:2px;right:2px}.sample-actions__panel{min-width:0}.sample-actions__panel .producer-operation{padding-top:0}.sample-actions__panel>.service-notice{margin:var(--space-3) 0 0}.sample-actions__panel>.ui-tabs__panel{padding-top:var(--space-3)}.sample-actions .service-notice,.match-sound__body>.service-notice{grid-template-columns:16px minmax(0,1fr)}.sample-actions .service-notice>.ui-btn,.match-sound__body>.service-notice>.ui-btn{grid-column:2;justify-self:start}.audio-clip-editor{display:flex;flex:1;gap:var(--space-6);min-height:0;padding:var(--space-4);overflow:auto}.audio-source-preview{display:grid;flex:1;gap:var(--space-3);align-content:start;min-width:0}.producer-gain{min-width:0}.producer-gain .ui-numberfield{min-width:100%;max-width:100%}.audio-source-waveform{height:120px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.audio-clip-processing{flex:none;width:280px;min-width:0}.audio-clip-processing .ui-tabs__panel>.producer-operation{padding-top:var(--space-3)}.source-audition{min-width:0}.groove-pane{display:grid;flex:1;grid-template-columns:200px minmax(0,440px);gap:var(--space-6);align-content:start;min-height:0;padding:var(--space-4);overflow:auto}.groove-intro h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.groove-intro p{margin:var(--space-1) 0 0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.groove-controls{display:grid;gap:var(--space-3);min-width:0;max-width:440px}.groove-controls>.service-notice{margin-bottom:0}.match-sound{min-width:0}.match-sound__body{display:grid;gap:var(--space-3);min-width:0;padding:var(--space-2) 0 0}.match-sound__body>.service-notice{margin-bottom:0}.generation-dialog .ui-tabs__list--cards{margin-top:var(--space-1)}.generation-dialog .service-notice{margin:var(--space-4) 0 0}.generation-panel{min-width:0}.generation-detail{margin:var(--space-4) 0 var(--space-1);color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.generation-context{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--foreground-subtle);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.generation-context a{display:inline-flex;align-items:center;gap:var(--space-05);color:var(--foreground-muted);text-decoration:underline;text-underline-offset:2px}.generation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.generation-setup{display:grid;gap:var(--space-2);justify-items:start;margin-top:var(--space-4);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-panel)}.generation-setup strong{color:var(--foreground);font:var(--weight-semibold) var(--text-base) / var(--leading-base) var(--font-sans)}.generation-setup p{margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.generation-setup code{display:block;width:100%;padding:var(--space-2);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--foreground);font:var(--weight-regular) var(--text-code) / var(--leading-code) var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;white-space:pre-wrap}.generation-panel>.producer-hint{margin-top:var(--space-3)}.producer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.producer-actions__caption{min-width:0;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.generation-panel>.producer-status{margin-top:var(--space-2)}.generation-results{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.generation-results:empty{display:none}.generation-text{max-height:220px;margin:0;padding:var(--space-2) 10px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--foreground);font:var(--weight-regular) var(--text-code) / var(--leading-code) var(--font-mono);overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.export-sections{display:grid}.export-sections>.service-notice{margin-bottom:var(--space-4)}.export-section{display:grid;gap:var(--space-3);min-width:0;padding:var(--space-4) 0;border-top:1px solid var(--border-subtle)}.export-section:first-child,.service-notice+.export-section{padding-top:0;border-top:0}.export-section:last-child{padding-bottom:0}.export-section h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.export-mix{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.export-mix h3{margin-bottom:var(--space-1)}.export-mix__action{flex-shrink:0}.export-dialog .analysis-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.export-section .producer-error{margin-top:0}.background-job{display:flex;align-items:center;gap:var(--space-15);height:var(--control-sm);max-width:360px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.background-job span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-job__done{color:var(--success)}.background-job__failed{color:var(--danger)}.background-job__cancelled{color:var(--foreground-subtle)}@media(hover:hover)and (pointer:fine){.background-job:hover{background:var(--surface-hover);color:var(--foreground)}}@media(max-width:800px){.audio-clip-editor{flex-direction:column}.audio-clip-processing{width:auto}.groove-pane{grid-template-columns:minmax(0,1fr)}.groove-intro{display:none}}@media(max-width:640px){.background-job{max-width:150px}}@media(max-width:560px){.generation-fields{grid-template-columns:minmax(0,1fr)}.export-mix{flex-direction:column;align-items:stretch}.export-mix__action{width:100%}.export-dialog .analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.producer-actions .producer-run{width:100%}}@layer tokens,base,ui;@layer tokens{:root{color-scheme:dark;--background: #0e0e11;--surface-1: #141418;--surface-2: #1a1a1f;--surface-3: #212127;--surface-4: #2a2a31;--surface-float: #1c1c21;--surface-hover: rgb(255 255 255 / .05);--surface-active: rgb(255 255 255 / .08);--foreground: #ededf0;--foreground-muted: #b0b0ba;--foreground-subtle: #94949f;--foreground-disabled: #6a6a74;--border-subtle: rgb(255 255 255 / .06);--border: rgb(255 255 255 / .09);--border-strong: rgb(255 255 255 / .14);--input: rgb(255 255 255 / .04);--accent: #b4a0ec;--accent-hover: #c4b4f2;--accent-foreground: #1d1730;--accent-muted: rgb(180 160 236 / .14);--accent-muted-hover: rgb(180 160 236 / .2);--accent-border: rgb(180 160 236 / .45);--ring: #b4a0ec;--ring-soft: rgb(180 160 236 / .24);--selection: rgb(180 160 236 / .3);--danger: #e5737f;--danger-muted: rgb(229 115 127 / .12);--danger-border: rgb(229 115 127 / .35);--warning: #d9a55b;--warning-muted: rgb(217 165 91 / .16);--warning-border: rgb(217 165 91 / .35);--success: #6fbf8e;--success-muted: rgb(111 191 142 / .12);--info: var(--foreground-muted);--meter-ok: var(--foreground-muted);--meter-warn: var(--warning);--meter-danger: var(--danger);--track-1: #d39580;--track-2: #78a6c5;--track-3: #d0a273;--track-4: #85afa0;--track-5: #ca8e9c;--track-6: #a3aa7f;--track-7: #7fb7c2;--playhead-live: var(--accent);--playhead-idle: var(--foreground-muted);--live-cycle: rgb(255 255 255 / .04);--loop-on: rgb(180 160 236 / .6);--loop-off: rgb(106 106 116 / .3);--ruler-tick: rgb(255 255 255 / .12);--ruler-tick-cycle: rgb(255 255 255 / .22);--grid-step: rgb(255 255 255 / .03);--grid-beat: rgb(255 255 255 / .06);--grid-cycle: rgb(255 255 255 / .1);--grid-octave: rgb(255 255 255 / .08);--lane-zebra: rgb(255 255 255 / .015);--lane-beat: rgb(255 255 255 / .03);--lane-cycle: rgb(255 255 255 / .07);--roll-white-lane: rgb(255 255 255 / .025);--roll-black-lane: rgb(0 0 0 / .18);--key-white: #2e2e35;--key-black: #111114;--key-seam: rgb(0 0 0 / .35);--key-octave-seam: rgb(255 255 255 / .12);--note-label: #0e0e11;--note-low: #8a8a94;--note-velocity: rgb(14 14 17 / .45);--grip: rgb(255 255 255 / .5);--scrim: rgb(8 8 10 / .72);--font-sans: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 11px;--leading-xs: 16px;--text-sm: 12px;--leading-sm: 16px;--text-base: 13px;--leading-base: 18px;--leading-prose: 20px;--text-md: 14px;--leading-md: 20px;--text-lg: 16px;--leading-lg: 22px;--text-xl: 20px;--leading-xl: 24px;--text-code: 12px;--leading-code: 20px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-title: -.01em;--tracking-brand: -.02em;--space-05: 2px;--space-1: 4px;--space-15: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-note: 2px;--radius-sm: 4px;--radius: 6px;--radius-panel: 8px;--radius-pop: 10px;--radius-dialog: 12px;--radius-full: 999px;--control-xs: 22px;--control-sm: 24px;--control-md: 28px;--control-lg: 32px;--control-touch: 44px;--gutter: 12px;--panel-gap: 8px;--topbar-h: 48px;--transport-h: 48px;--statusbar-h: 28px;--inspector-w: 280px;--track-column-w: 200px;--track-row-h: 64px;--ruler-h: 28px;--editor-header-h: 40px;--roll-toolbar-h: 32px;--roll-ruler-h: 24px;--roll-keys-w: 48px;--code-reference-w: 260px;--shadow-float: 0 12px 32px -8px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .35);--shadow-dialog: 0 24px 64px -12px rgb(0 0 0 / .65), 0 4px 12px rgb(0 0 0 / .4);--shadow-sheet: 0 -16px 40px -12px rgb(0 0 0 / .6), 0 -2px 8px rgb(0 0 0 / .3);--shadow-tooltip: 0 4px 12px -2px rgb(0 0 0 / .5);--shadow-drag: 0 6px 16px -4px rgb(0 0 0 / .55);--ring-thumb: 0 0 0 1px rgb(0 0 0 / .35);--z-base: 0;--z-sticky: 10;--z-dialog: 40;--z-popover: 50;--z-toast: 60;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--duration-hover: .12s;--duration-press: .16s;--duration-tooltip: 125ms;--duration-menu: .2s;--duration-menu-exit: .15s;--duration-modal: .25s;--duration-modal-exit: .2s;--duration-drawer: .25s;--duration-drawer-exit: .2s;--duration-toast: .4s;--duration-spin: .7s;--scale-press: .97;--scale-press-row: .98;--scale-enter: .96;--scale-enter-menu: .95;--scale-enter-tooltip: .97;--disabled-opacity: .4;--duration-tick-out: .2s;--duration-pulse: 1.2s;--bg: var(--background);--panel: var(--surface-1);--text: var(--foreground);--muted: var(--foreground-subtle);--line: var(--border-subtle)}@media(max-width:1100px){:root{--track-column-w: 168px}}@media(max-width:800px){:root{--gutter: 8px}}@media(max-width:640px){:root{--track-column-w: 132px;--text-xl: 16px;--leading-xl: 20px}}@media(min-height:900px){:root{--track-row-h: 72px}}}@layer base{*,*:before,*:after{box-sizing:border-box}:root{font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans);font-feature-settings:"cv11";font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--foreground);background:var(--background)}::selection{background:var(--selection);color:var(--foreground)}input,textarea{caret-color:var(--accent)}::placeholder{color:var(--foreground-subtle);opacity:1}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border:3px solid transparent;border-radius:var(--radius-full);background-clip:padding-box}@media(hover:hover)and (pointer:fine){::-webkit-scrollbar-thumb:hover{background-color:var(--foreground-disabled)}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{margin:0;background:var(--background);position:relative;overscroll-behavior:none}#root{isolation:isolate}button,[role=button],[role=tab],summary{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ui-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tnum{font-variant-numeric:tabular-nums}.lucide{stroke-width:1.75;flex:none}.lucide.icon-filled{stroke:none}h1,h2,h3,p{margin:0}h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-15);border:0;background:transparent;border-radius:var(--radius);cursor:pointer;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,color var(--duration-hover) ease,border-color var(--duration-hover) ease,opacity var(--duration-hover) ease}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){background-color:var(--surface-hover)}}button:disabled{color:var(--foreground-disabled);cursor:default}input,select,textarea{background:var(--input);border:0;border-radius:var(--radius)}input[type=number]{font-variant-numeric:tabular-nums;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{width:100%;accent-color:var(--foreground-muted)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}input:not([type=range]):not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 1px var(--accent),0 0 0 4px var(--ring-soft)}small,.muted{color:var(--foreground-subtle)}@media(pointer:coarse){input:not([type=range]):not([type=checkbox]),textarea,select{font-size:16px}}.ui-spinner,.spin{animation:ui-spin var(--duration-spin) linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-property:opacity,background-color,color,border-color,box-shadow!important}button:active,.ui-btn:active,.ui-tabs__tab:active,.ui-seg__item:active,.ui-select__trigger:active,.ui-popup,.ui-tooltip,.ui-popover{transform:none!important}.ui-dialog{scale:1!important}.ui-sheet{transform:none!important}.ui-sheet[data-starting-style],.ui-sheet[data-ending-style]{opacity:0}.ui-slider__thumb,.ui-fader__thumb{scale:1!important}.ui-spinner,.spin{animation:ui-pulse var(--duration-pulse) ease-in-out infinite!important}}}@layer ui{.ui-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-sm);background:var(--surface-4);color:var(--foreground-muted);font:var(--weight-medium) var(--text-xs) / 1 var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-kbd--md{min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border)}.ui-kbd-group{display:inline-flex;align-items:center;gap:var(--space-05);flex:none}.ui-kbd-group--md{gap:var(--space-1)}.ui-btn{--btn-bg: transparent;--btn-fg: var(--foreground);--btn-border: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-15);flex:none;min-width:0;height:var(--control-md);padding:0 10px;border:1px solid var(--btn-border);border-radius:var(--radius);background-color:var(--btn-bg);color:var(--btn-fg);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans);text-decoration:none;white-space:nowrap;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,color var(--duration-hover) ease,border-color var(--duration-hover) ease}.ui-btn--sm{height:var(--control-sm);padding:0 8px;gap:var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--leading-sm)}.ui-btn--lg{height:var(--control-lg);padding:0 12px}.ui-btn--sm.ui-btn--leading{padding-inline-start:6px}.ui-btn--md.ui-btn--leading{padding-inline-start:8px}.ui-btn--lg.ui-btn--leading{padding-inline-start:10px}.ui-btn--icon{width:var(--control-md);padding:0}.ui-btn--icon.ui-btn--sm{width:var(--control-sm)}.ui-btn--icon.ui-btn--lg{width:var(--control-lg)}.ui-btn--block{width:100%;justify-content:flex-start}.ui-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.ui-btn__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-btn__kbd{margin-inline-start:6px}.ui-btn--sm .ui-btn__kbd{margin-inline-start:4px}.ui-btn__kbd .ui-kbd{background:var(--surface-4);color:var(--foreground-subtle)}.ui-btn--primary .ui-btn__kbd .ui-kbd{background:color-mix(in srgb,var(--accent-foreground) 14%,transparent);color:var(--accent-foreground)}.ui-btn--primary{--btn-bg: var(--accent);--btn-fg: var(--accent-foreground)}.ui-btn--secondary{--btn-bg: var(--surface-3);--btn-fg: var(--foreground);--btn-border: var(--border)}.ui-btn--ghost{--btn-fg: var(--foreground-muted)}.ui-btn--danger{--btn-fg: var(--danger)}@media(hover:hover)and (pointer:fine){.ui-btn--primary:hover:not([data-disabled]):not(:disabled){--btn-bg: var(--accent-hover)}.ui-btn--secondary:hover:not([data-disabled]):not(:disabled){--btn-bg: var(--surface-4)}.ui-btn--ghost:hover:not([data-disabled]):not(:disabled){--btn-bg: var(--surface-hover);--btn-fg: var(--foreground)}.ui-btn--danger:hover:not([data-disabled]):not(:disabled){--btn-bg: var(--danger-muted)}.ui-btn--ghost.ui-btn--tone-accent[aria-pressed=true]:hover:not([data-disabled]):not(:disabled){--btn-bg: var(--accent-muted-hover);--btn-fg: var(--accent)}}.ui-btn--primary:is([aria-pressed=true],[data-popup-open]){--btn-bg: var(--accent-hover)}.ui-btn--secondary:is([aria-pressed=true],[data-popup-open]){--btn-bg: var(--surface-4);--btn-border: var(--border-strong)}.ui-btn--ghost:is([aria-pressed=true],[data-popup-open]){--btn-bg: var(--surface-active);--btn-fg: var(--foreground)}.ui-btn--ghost.ui-btn--tone-accent[aria-pressed=true]{--btn-bg: var(--accent-muted);--btn-fg: var(--accent)}.ui-btn--danger:is([aria-pressed=true],[data-popup-open]){--btn-bg: var(--danger-muted)}.ui-btn:is([data-disabled],:disabled):not([aria-busy=true]){cursor:default}.ui-btn--primary:is([data-disabled],:disabled):not([aria-busy=true]){--btn-bg: var(--surface-3);--btn-fg: var(--foreground-disabled)}.ui-btn--secondary:is([data-disabled],:disabled):not([aria-busy=true]){--btn-bg: transparent;--btn-border: var(--border);--btn-fg: var(--foreground-disabled)}.ui-btn--ghost:is([data-disabled],:disabled):not([aria-busy=true]),.ui-btn--danger:is([data-disabled],:disabled):not([aria-busy=true]){--btn-fg: var(--foreground-disabled)}.ui-btn[aria-busy=true]{cursor:progress}.ui-btn:active:not([data-disabled]):not(:disabled){transform:scale(var(--scale-press))}.ui-btn--block:active:not([data-disabled]):not(:disabled){transform:scale(var(--scale-press-row))}.ui-btn.ui-dialog__close:active{transform:none}@media(pointer:coarse){.ui-btn--icon.ui-btn--sm:after,.ui-btn--icon.ui-btn--md:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.ui-btn--icon.ui-btn--sm:after{top:-10px;right:-10px;bottom:-10px;left:-10px}}.ui-spinner{flex:none}.ui-skeleton{display:block;background:var(--surface-3);border-radius:var(--radius);animation:ui-pulse var(--duration-pulse) ease-in-out infinite}.ui-positioner{z-index:var(--z-popover);outline:0}.ui-popup{background:var(--surface-float);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-pop);box-shadow:var(--shadow-float);font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans);outline:0;transform-origin:var(--transform-origin);transition:opacity var(--duration-menu) var(--ease-out),transform var(--duration-menu) var(--ease-out)}.ui-popup[data-starting-style],.ui-popup[data-ending-style]{opacity:0;transform:scale(var(--scale-enter-menu))}.ui-popup[data-ending-style]{transition-duration:var(--duration-menu-exit)}.ui-popup[data-instant]{transition-duration:0ms}.ui-tooltip{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 8px;border-radius:var(--radius);background:var(--surface-float);border:1px solid var(--border);box-shadow:var(--shadow-tooltip);color:var(--foreground);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);white-space:nowrap;pointer-events:none;transform-origin:var(--transform-origin);transition:opacity var(--duration-tooltip) var(--ease-out),transform var(--duration-tooltip) var(--ease-out)}.ui-tooltip[data-starting-style],.ui-tooltip[data-ending-style]{opacity:0;transform:scale(var(--scale-enter-tooltip))}.ui-tooltip[data-instant]{transition-duration:0ms}.ui-menu{min-width:200px;padding:4px}.ui-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-md);padding:0 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--foreground);font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans);text-align:left;outline:0;cursor:default;-webkit-user-select:none;user-select:none}.ui-menu__icon{display:inline-flex;flex:none;color:var(--foreground-muted)}.ui-menu__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-menu__shortcut{margin-left:auto;padding-left:16px}.ui-menu__chevron{flex:none;margin-left:auto;color:var(--foreground-muted)}.ui-menu__item[data-highlighted],.ui-menu__item[data-popup-open]{background:var(--surface-active)}.ui-menu__item[data-highlighted] .ui-menu__icon,.ui-menu__item[data-highlighted] .ui-menu__chevron{color:var(--foreground)}.ui-menu__item[data-disabled]{color:var(--foreground-disabled);pointer-events:none}.ui-menu__item[data-disabled] .ui-menu__icon,.ui-menu__item[data-disabled] .ui-kbd{color:var(--foreground-disabled)}.ui-menu__item--danger,.ui-menu__item--danger .ui-menu__icon,.ui-menu__item--danger[data-highlighted] .ui-menu__icon{color:var(--danger)}.ui-menu__item--danger[data-highlighted]{background:var(--danger-muted)}.ui-menu__separator{height:1px;margin:4px -4px;border:0;background:var(--border-subtle)}.ui-menu__group-label{padding:6px 8px 2px;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-popover{padding:4px}.ui-popover--padded{padding:12px}.ui-dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);min-height:100dvh;background:var(--scrim);transition:opacity var(--duration-modal) var(--ease-out)}@supports (-webkit-touch-callout: none){.ui-dialog__backdrop{position:absolute}}.ui-dialog__backdrop[data-starting-style],.ui-dialog__backdrop[data-ending-style]{opacity:0}.ui-dialog__backdrop[data-ending-style]{transition-duration:var(--duration-modal-exit)}.ui-dialog{--dialog-w: 520px;position:fixed;z-index:calc(var(--z-dialog) + 1);top:50%;left:50%;display:flex;flex-direction:column;width:var(--dialog-w);max-width:calc(100vw - 32px);max-height:calc(100dvh - 64px);background:var(--surface-float);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);outline:0;translate:-50% -50%;scale:calc(1 - .04 * var(--nested-dialogs, 0));transform-origin:center;transition:opacity var(--duration-modal) var(--ease-out),scale var(--duration-modal) var(--ease-out)}.ui-dialog--sm{--dialog-w: 400px}.ui-dialog--lg{--dialog-w: 720px}.ui-dialog--xl{--dialog-w: 960px}.ui-dialog[data-starting-style],.ui-dialog[data-ending-style]{opacity:0;scale:var(--scale-enter)}.ui-dialog[data-ending-style]{transition-duration:var(--duration-modal-exit)}.ui-dialog[data-nested-dialog-open]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--scrim);opacity:.5;pointer-events:none}.ui-dialog--instant,.ui-dialog__backdrop--instant,.ui-dialog--instant[data-ending-style],.ui-dialog__backdrop--instant[data-ending-style]{transition-duration:0ms}.ui-dialog__header{position:relative;flex:none;padding:20px 56px 0 20px}.ui-dialog__title{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-lg) / var(--leading-lg) var(--font-sans);letter-spacing:var(--tracking-title)}.ui-dialog__description{margin:4px 0 0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.ui-dialog__close{position:absolute;top:14px;right:14px}.ui-dialog__body{flex:1 1 auto;min-height:0;padding:12px 20px 20px;overflow:auto;overscroll-behavior:contain}.ui-dialog__footer{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding:0 20px 20px}@media(max-width:640px){.ui-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.ui-dialog__footer>*{flex:1 1 auto}}.ui-sheet__backdrop{transition-duration:var(--duration-drawer)}.ui-sheet__backdrop[data-ending-style]{transition-duration:var(--duration-drawer-exit)}.ui-sheet{position:fixed;z-index:calc(var(--z-dialog) + 1);left:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(100%,560px);max-height:min(85dvh,720px);margin-inline:auto;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface-1);color:var(--foreground);border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);outline:0;transition:transform var(--duration-drawer) var(--ease-drawer)}.ui-sheet[data-starting-style],.ui-sheet[data-ending-style]{transform:translateY(100%)}.ui-sheet[data-ending-style]{transition-duration:var(--duration-drawer-exit)}.ui-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;height:var(--control-md);padding:0 6px 0 10px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font:var(--weight-regular) var(--text-base) / 1 var(--font-sans);text-align:left;white-space:nowrap;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,border-color var(--duration-hover) ease}.ui-select__trigger--sm{height:var(--control-sm);padding:0 4px 0 8px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.ui-select__trigger--lg{height:var(--control-lg)}.ui-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__value[data-placeholder]{color:var(--foreground-subtle)}.ui-select__icon{display:inline-flex;flex:none;color:var(--foreground-subtle)}@media(hover:hover)and (pointer:fine){.ui-select__trigger:hover:not([data-disabled]){background-color:var(--input);border-color:var(--border-strong)}}.ui-select__trigger[data-popup-open]{border-color:var(--border-strong);background-color:var(--surface-active)}.ui-select__trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft)}.ui-select__trigger:active:not([data-disabled]){transform:scale(.98)}.ui-select__trigger[data-disabled]{opacity:var(--disabled-opacity);cursor:default}.ui-select__popup{min-width:var(--anchor-width);padding:4px}.ui-select__list{max-height:min(var(--available-height),320px);overflow-y:auto;outline:0;overscroll-behavior:contain}.ui-select__item{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:var(--space-15);height:var(--control-md);padding:0 10px 0 6px;border-radius:var(--radius);color:var(--foreground);outline:0;cursor:default;-webkit-user-select:none;user-select:none}.ui-select__item[data-highlighted]{background:var(--surface-active)}.ui-select__item[data-selected]{font-weight:var(--weight-medium)}.ui-select__item[data-disabled]{opacity:var(--disabled-opacity)}.ui-select__check{display:inline-flex;grid-column:1;color:var(--accent)}.ui-select__text{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__group-label{padding:6px 8px 2px;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-slider{display:grid;gap:var(--space-15);width:100%;min-width:0;touch-action:pan-y}.ui-slider__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ui-slider__label{color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-slider__value{color:var(--foreground);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);font-variant-numeric:tabular-nums}.ui-slider__control{display:flex;align-items:center;width:100%;height:20px}.ui-slider__track{position:relative;width:100%;height:4px;border-radius:2px;background:var(--surface-4)}.ui-slider__indicator{border-radius:inherit;background:var(--foreground-muted)}.ui-slider__indicator--origin{position:absolute;top:0;bottom:0}.ui-slider__thumb{width:12px;height:12px;border-radius:var(--radius-full);background:var(--foreground);box-shadow:var(--ring-thumb);transition:scale var(--duration-hover) var(--ease-out)}@media(hover:hover)and (pointer:fine){.ui-slider:not([data-disabled]) .ui-slider__thumb:hover{scale:1.1667}}.ui-slider[data-dragging] .ui-slider__thumb{scale:1.1667}.ui-slider__thumb:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.ui-slider[data-disabled]{opacity:var(--disabled-opacity)}@media(pointer:coarse){.ui-slider__control{height:44px}}.ui-numberfield{display:inline-flex;align-items:center;flex:none;height:var(--control-md);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-hover) ease}.ui-numberfield--sm{height:var(--control-sm);border-radius:var(--radius-sm)}.ui-numberfield--lg{height:var(--control-lg)}.ui-numberfield__input{flex:1;min-width:0;width:100%;height:100%;padding:0 8px;border:0;border-radius:inherit;background:transparent;color:var(--foreground);font:var(--weight-medium) var(--text-base) / 1 var(--font-sans);font-variant-numeric:tabular-nums;text-align:center;outline:none}.ui-numberfield--end .ui-numberfield__input{text-align:right}.ui-numberfield--suffix .ui-numberfield__input{padding-right:2px}.ui-numberfield__input:focus-visible{outline:none;box-shadow:none}.ui-numberfield__suffix{flex:none;padding:0 8px 0 2px;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-xs) / 1 var(--font-sans);-webkit-user-select:none;user-select:none}.ui-numberfield__suffix--scrub{cursor:ew-resize;touch-action:none}.ui-numberfield__cursor{display:inline-flex;color:var(--foreground);filter:drop-shadow(0 1px 1px var(--background))}@media(hover:hover)and (pointer:fine){.ui-numberfield:hover:not([data-disabled]){border-color:var(--border-strong)}}.ui-numberfield:has(:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft)}.ui-numberfield[data-disabled]{opacity:var(--disabled-opacity)}.ui-tabs__list{position:relative}.ui-tabs__list--underline{display:flex;align-items:stretch;gap:var(--space-1);height:40px;border-bottom:1px solid var(--border-subtle)}.ui-tabs__list--underline.ui-tabs__list--sm{height:32px}.ui-tabs__tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-15);height:100%;padding:0 10px;border:0;border-radius:var(--radius) var(--radius) 0 0;background:transparent;color:var(--foreground-muted);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans);white-space:nowrap;transition:transform var(--duration-press) var(--ease-out),color var(--duration-hover) ease}.ui-tabs__list--sm .ui-tabs__tab{padding:0 6px;font-size:var(--text-sm);line-height:var(--leading-sm)}@media(hover:hover)and (pointer:fine){.ui-tabs__tab:hover:not([data-disabled]){background-color:transparent;color:var(--foreground)}}.ui-tabs__tab[data-active]{color:var(--foreground)}.ui-tabs__tab[data-active]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:1px;background:var(--foreground)}.ui-tabs__list--sm .ui-tabs__tab[data-active]:after{left:6px;right:6px}.ui-tabs__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ui-tabs__tab:active:not([data-disabled]),.ui-seg__item:active:not([data-disabled]):not(:disabled){transform:scale(var(--scale-press))}.ui-tabs__tab[data-disabled]{opacity:var(--disabled-opacity)}.ui-tabs__panel{outline:0}.ui-tabs__panel:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius)}.ui-tabs__list--segmented,.ui-seg{display:inline-flex;align-items:center;gap:var(--space-05);flex:none;height:var(--control-md);padding:2px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius)}.ui-tabs__list--segmented.ui-tabs__list--sm,.ui-seg--sm{height:var(--control-sm)}.ui-seg__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-15);height:22px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground-muted);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans);white-space:nowrap;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,color var(--duration-hover) ease}.ui-tabs__list--sm .ui-seg__item,.ui-seg--sm .ui-seg__item{height:18px;font-size:var(--text-sm);line-height:var(--leading-sm)}@media(hover:hover)and (pointer:fine){.ui-seg__item:hover:not([data-disabled]):not(:disabled){background-color:var(--surface-hover);color:var(--foreground)}}.ui-seg__item:is([data-active],[aria-pressed=true],[data-pressed]){background-color:var(--surface-4);color:var(--foreground)}.ui-seg__item:is([data-disabled],:disabled){opacity:var(--disabled-opacity);color:var(--foreground-muted)}.ui-tabs__list--segmented .ui-seg__item[data-active]:after{content:none}.ui-tabs__list--cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}@media(max-width:560px){.ui-tabs__list--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.ui-card-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-05);min-width:0;min-height:56px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-panel);background:transparent;color:var(--foreground);text-align:left;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,border-color var(--duration-hover) ease}.ui-card-tab__title{color:var(--foreground);font:var(--weight-semibold) var(--text-base) / var(--leading-base) var(--font-sans)}.ui-card-tab__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}@media(hover:hover)and (pointer:fine){.ui-card-tab:hover:not([data-disabled]){background-color:var(--surface-hover)}}.ui-card-tab[data-active]{background-color:var(--accent-muted);border-color:var(--accent-border)}.ui-card-tab:active:not([data-disabled]){transform:scale(var(--scale-press))}.ui-card-tab[data-disabled]{opacity:var(--disabled-opacity)}.ui-field{display:grid;gap:var(--space-15);min-width:0}.ui-field--inline{grid-template-columns:minmax(64px,auto) 1fr;align-items:center;column-gap:var(--space-2)}.ui-field--inline>.ui-field__hint,.ui-field--inline>.ui-field__error{grid-column:2}.ui-field__label{color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-field__hint{margin:0;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-field__error{display:flex;align-items:flex-start;gap:var(--space-15);margin:0;color:var(--foreground);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-field__error>.lucide{margin-top:1px;color:var(--danger)}.ui-input,.ui-textarea{width:100%;min-width:0;background:var(--input);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);transition:border-color var(--duration-hover) ease}.ui-input{height:var(--control-md);padding:0 8px;font:var(--weight-regular) var(--text-base) / 1 var(--font-sans)}.ui-input--lg{height:var(--control-lg)}.ui-textarea{display:block;min-height:72px;padding:6px 8px;font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans);resize:vertical}.ui-textarea--mono{font:var(--weight-regular) var(--text-code) / var(--leading-code) var(--font-mono)}@media(hover:hover)and (pointer:fine){.ui-input:hover:not(:disabled),.ui-textarea:hover:not(:disabled){border-color:var(--border-strong)}}.ui-input:focus-visible,.ui-textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft)}.ui-input[aria-invalid=true],.ui-textarea[aria-invalid=true]{border-color:var(--danger)}.ui-input[aria-invalid=true]:focus-visible,.ui-textarea[aria-invalid=true]:focus-visible{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-muted)}.ui-input:disabled,.ui-textarea:disabled{opacity:var(--disabled-opacity)}@media(pointer:coarse){.ui-input,.ui-textarea{font-size:16px}}.ui-switch{position:relative;display:inline-flex;align-items:center;flex:none;width:28px;height:16px;padding:2px;border:0;border-radius:var(--radius-full);background:var(--surface-4);transition:background-color var(--duration-hover) ease}.ui-switch[data-checked]{background:var(--accent)}.ui-switch__thumb{width:12px;height:12px;border-radius:var(--radius-full);background:var(--foreground);box-shadow:var(--ring-thumb);transition:translate var(--duration-press) var(--ease-out)}.ui-switch[data-checked] .ui-switch__thumb{translate:12px 0;background:var(--accent-foreground)}.ui-switch[data-disabled]{opacity:var(--disabled-opacity)}.ui-toast{display:grid;grid-template-columns:16px 1fr 24px;align-items:start;gap:10px;width:var(--width);max-width:100%;padding:12px;background:var(--surface-float);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-pop);box-shadow:var(--shadow-float);font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans)}.ui-toast--error{border-color:var(--danger-border)}.ui-toast--error>.lucide{margin-top:1px;color:var(--danger)}.ui-toast--undo{grid-template-columns:1fr auto;align-items:center;padding:8px 8px 8px 12px}.ui-toast__text{min-width:0;overflow-wrap:anywhere}.ui-toast__title{margin:0;color:var(--foreground);font-weight:var(--weight-medium)}.ui-toast__description{margin:2px 0 0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-toast__message{margin:0;color:var(--foreground)}.ui-toast__dismiss{margin:-4px -4px 0 0}.ui-cmdk__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);min-height:100dvh;background:var(--scrim)}@supports (-webkit-touch-callout: none){.ui-cmdk__backdrop{position:absolute}}.ui-cmdk{position:fixed;z-index:calc(var(--z-dialog) + 1);top:18dvh;left:50%;translate:-50% 0;width:560px;max-width:calc(100vw - 16px);overflow:hidden;background:var(--surface-float);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans);outline:0;transition:none}.ui-cmdk__input-row{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-bottom:1px solid var(--border-subtle);color:var(--foreground-subtle)}.ui-cmdk__input{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--foreground);font:var(--weight-regular) var(--text-md) / var(--leading-md) var(--font-sans);outline:none}.ui-cmdk__input:focus-visible{outline:none;box-shadow:none}.ui-cmdk__list{max-height:340px;padding:6px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:6px}.ui-cmdk__empty{padding:24px 0;color:var(--foreground-muted);text-align:center;font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.ui-cmdk [cmdk-group-heading]{padding:8px 8px 4px;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);-webkit-user-select:none;user-select:none}.ui-cmdk__item{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 8px;border-radius:var(--radius);color:var(--foreground);cursor:default;-webkit-user-select:none;user-select:none}.ui-cmdk__item[data-selected=true]{background:var(--surface-active)}.ui-cmdk__item[data-disabled=true]{color:var(--foreground-disabled)}.ui-cmdk__icon{display:inline-flex;flex:none;color:var(--foreground-muted)}.ui-cmdk__item[data-selected=true] .ui-cmdk__icon{color:var(--foreground)}.ui-cmdk__item[data-disabled=true] .ui-cmdk__icon{color:var(--foreground-disabled)}.ui-cmdk__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer ui{.ui-meter{display:flex;align-items:center;gap:var(--space-1);min-width:0}.ui-meter--vertical{flex:none;width:6px;height:100%}.ui-meter__bar{position:relative;flex:1;min-width:0;height:3px;overflow:hidden;border-radius:2px;background:var(--surface-4);contain:layout paint}.ui-meter--vertical .ui-meter__bar{width:100%;height:100%}.ui-meter__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--meter-ok) 0 var(--meter-warn-at, 80%),var(--meter-warn) var(--meter-warn-at, 80%) var(--meter-danger-at, 95%),var(--meter-danger) var(--meter-danger-at, 95%))}.ui-meter--vertical .ui-meter__fill{background:linear-gradient(to top,var(--meter-ok) 0 var(--meter-warn-at, 80%),var(--meter-warn) var(--meter-warn-at, 80%) var(--meter-danger-at, 95%),var(--meter-danger) var(--meter-danger-at, 95%))}.ui-meter__cover{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-4);transform-origin:right center;transform:scaleX(1);will-change:transform}.ui-meter--vertical .ui-meter__cover{transform-origin:center top;transform:scaleY(1)}.ui-meter__hold{position:absolute;top:0;right:0;bottom:0;left:0;border-right:2px solid var(--foreground);transform:translate(-100%);will-change:transform}.ui-meter--vertical .ui-meter__hold{border-right:0;border-top:2px solid var(--foreground);transform:translateY(100%)}.ui-meter__clip{flex:none;width:4px;height:4px;border-radius:var(--radius-full);background:var(--surface-4)}.ui-meter--vertical .ui-meter__clip{position:absolute;top:0;left:0;right:0;width:auto;height:3px;border-radius:0;background:transparent}.ui-meter__clip[data-on=true],.ui-meter--vertical .ui-meter__clip[data-on=true]{background:var(--danger)}.ui-meter__cover[data-unmetered=true]{background:repeating-linear-gradient(135deg,var(--surface-3) 0 2px,var(--surface-4) 2px 4px)}.ui-meter__hold[data-unmetered=true],.ui-meter__clip[data-unmetered=true]{display:none}.ui-meter-reset{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;padding:0;border-radius:var(--radius-sm)}.ui-meter-reset:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@media(hover:hover)and (pointer:fine){.ui-meter-reset:hover{background:var(--surface-hover)}}@media(pointer:coarse){.ui-meter-reset:after{top:-14px;right:-14px;bottom:-14px;left:-14px}}.ui-meter-reset__dot{width:6px;height:6px;border-radius:var(--radius-full);background:transparent;box-shadow:inset 0 0 0 1px var(--foreground-subtle)}.ui-meter-reset__dot[data-on=true]{background:var(--danger);box-shadow:none}.ui-meter-readout{flex:none;width:36px;text-align:right;color:var(--foreground-muted);font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans);font-variant-numeric:tabular-nums}.ui-meter-readout[data-hot]{color:var(--danger)}.ui-fader{display:grid;gap:var(--space-15);width:100%;min-width:0}.ui-fader--horizontal{touch-action:pan-y}.ui-fader--vertical{grid-template-rows:minmax(0,1fr);width:20px;height:100%;touch-action:pan-x}.ui-fader__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ui-fader__label{color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-fader__root{width:100%}.ui-fader--vertical .ui-fader__root{height:100%}.ui-fader__control{display:flex;align-items:center;width:100%;height:20px}.ui-fader--vertical .ui-fader__control{justify-content:center;width:20px;height:100%}.ui-fader__track{position:relative;width:100%;height:4px;border-radius:2px;background:var(--surface-4)}.ui-fader--vertical .ui-fader__track{width:4px;height:100%}.ui-fader__indicator{border-radius:inherit;background:var(--border-strong)}.ui-fader__detent{position:absolute;top:-3px;bottom:-3px;left:calc(6px + var(--fader-detent) * (100% - 12px));width:1px;background:var(--foreground-subtle);pointer-events:none}.ui-fader--vertical .ui-fader__detent{top:auto;bottom:calc(6px + var(--fader-detent) * (100% - 12px));left:-3px;right:-3px;width:auto;height:1px}.ui-fader__thumb{width:12px;height:12px;border-radius:var(--radius-full);background:var(--foreground);box-shadow:var(--ring-thumb);touch-action:none;transition:scale var(--duration-hover) var(--ease-out)}@media(hover:hover)and (pointer:fine){.ui-fader:not([data-disabled]) .ui-fader__thumb:hover{scale:1.1667}}.ui-fader__root[data-dragging] .ui-fader__thumb{scale:1.1667}.ui-fader__thumb:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.ui-fader[data-disabled]{opacity:var(--disabled-opacity)}@media(pointer:coarse){.ui-fader--horizontal .ui-fader__control{height:44px}.ui-fader__thumb:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px}}.ui-fader__value{display:inline-flex;align-items:center;justify-content:flex-end;min-width:56px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--foreground);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-fader__value--align-center{justify-content:center}.ui-fader__value--align-start{justify-content:flex-start}@media(hover:hover)and (pointer:fine){.ui-fader__value:hover:not(:disabled):not(.ui-fader__value--input){background:var(--surface-hover)}}.ui-fader[data-silent] .ui-fader__value,.ui-fader__value[data-silent]{color:var(--foreground-muted)}.ui-fader__value:disabled{color:var(--foreground-disabled)}.ui-fader__head .ui-fader__value{margin-right:calc(-1 * var(--space-1));margin-block:-2px}.ui-fader__value--input{display:block;width:64px;min-width:0;background:var(--input);border:1px solid var(--border);color:var(--foreground);text-align:right}.ui-fader__value--input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft);outline:none}@media(pointer:coarse){.ui-fader__value--input{font-size:16px}}.ui-channel-toggle{width:var(--control-xs);height:var(--control-xs);padding:0;border-radius:var(--radius-sm);color:var(--foreground-subtle);font:var(--weight-semibold) var(--text-xs) / 1 var(--font-sans)}.ui-channel-toggle--mute[data-pressed]{background:var(--surface-4);color:var(--foreground)}.ui-channel-toggle--solo[data-pressed]{background:var(--warning-muted);color:var(--warning)}@media(hover:hover)and (pointer:fine){.ui-channel-toggle:hover:not(:disabled){background:var(--surface-hover);color:var(--foreground)}.ui-channel-toggle--mute[data-pressed]:hover:not(:disabled){background:var(--surface-4);color:var(--foreground)}.ui-channel-toggle--solo[data-pressed]:hover:not(:disabled){background:var(--warning-muted);color:var(--warning)}}.ui-channel-toggle:active:not(:disabled){transform:scale(var(--scale-press))}.ui-channel-toggle:disabled,.ui-channel-toggle[data-disabled]{opacity:var(--disabled-opacity)}@media(pointer:coarse){.ui-channel-toggle{position:relative}.ui-channel-toggle:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}}.ui-waveform{--waveform-fg: var(--foreground-subtle);--waveform-dim: var(--foreground-disabled);position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius)}.ui-waveform[data-editable]{touch-action:pan-y pinch-zoom}.ui-waveform__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.ui-waveform__bars{fill:var(--waveform-fg)}.ui-waveform__bars--outside{fill:var(--waveform-dim)}.ui-waveform__markers{fill:none;stroke:var(--foreground-muted);stroke-width:1;shape-rendering:crispEdges}.ui-waveform__region{position:absolute;top:0;bottom:0;background:var(--surface-hover);border-left:2px solid var(--foreground-muted);border-right:2px solid var(--foreground-muted);pointer-events:none}.ui-waveform[data-dragging] .ui-waveform__region{border-color:var(--foreground)}.ui-waveform__grip{position:absolute;top:50%;width:4px;height:12px;margin-top:-6px;border-radius:2px;background:var(--grip);opacity:0}.ui-waveform__grip--start{left:-3px}.ui-waveform__grip--end{right:-3px}.ui-waveform[data-dragging] .ui-waveform__grip{opacity:1}@media(hover:hover)and (pointer:fine){.ui-waveform[data-editable]:hover .ui-waveform__region{border-color:var(--foreground)}.ui-waveform[data-editable]:hover .ui-waveform__grip{opacity:1}}@media(pointer:coarse){.ui-waveform__grip{opacity:1}}@media(pointer:fine){.ui-waveform[data-editable]{cursor:grab}.ui-waveform[data-editable][data-dragging]{cursor:grabbing}.ui-waveform[data-editable][data-hover-edge]{cursor:ew-resize}}.ui-waveform__playhead{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;will-change:transform;contain:layout style}.ui-waveform__playhead:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--playhead-idle)}.ui-waveform__playhead[data-playing=true]:before{background:var(--playhead-live)}.ui-waveform__playhead[data-visible=false]{visibility:hidden}}@layer ui{.ui-mixer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"channels separator master";flex:1;min-width:0;min-height:0}.ui-mixer__channels{grid-area:channels;display:flex;gap:var(--space-1);padding:var(--space-2);overflow:auto;overscroll-behavior:contain;min-width:0;min-height:0}.ui-mixer__separator{grid-area:separator;width:1px;background:var(--border-subtle)}.ui-mixer__master{grid-area:master;display:flex;padding:var(--space-2);overflow-y:auto}.ui-mixer__empty{grid-area:channels;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.ui-mixer__empty>svg{color:var(--foreground-subtle)}.ui-mixer__empty h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.ui-mixer__empty p{max-width:320px;margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.ui-channel-strip{position:relative;display:flex;flex-direction:column;gap:var(--space-15);flex:1 0 80px;min-width:80px;max-width:120px;min-height:0;padding:var(--space-2);background:var(--surface-2);border-radius:var(--radius);cursor:default;transition:background-color var(--duration-hover) ease,box-shadow var(--duration-hover) ease}.ui-channel-strip--master{flex:none;width:88px;max-width:none}.ui-channel-strip[data-selected]{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border)}@media(hover:hover)and (pointer:fine){.ui-channel-strip:not([data-selected]):hover{background-image:linear-gradient(var(--surface-hover),var(--surface-hover))}}.ui-channel-strip[data-muted] .ui-channel-strip__name,.ui-channel-strip[data-dimmed] .ui-channel-strip__name{opacity:.6}.ui-channel-strip__header{display:flex;flex-direction:column;align-items:center;min-width:0}.ui-channel-strip__name{display:flex;align-items:center;justify-content:center;gap:var(--space-15);max-width:100%;min-width:0}.ui-channel-strip__swatch{flex:none;width:8px;height:8px;border-radius:var(--radius-note);background:var(--strip-accent)}.ui-channel-strip__title,.ui-channel-strip__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ui-channel-strip__title{min-width:0;color:var(--foreground);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.ui-channel-strip__subtitle{max-width:100%;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-xs) / var(--leading-xs) var(--font-sans)}.ui-channel-strip__pan{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:20px}.ui-channel-strip__body{flex:1;min-height:40px;display:flex;justify-content:center;gap:6px}.ui-channel-strip__meter{position:relative;display:flex;gap:2px;height:100%;padding-block:6px}.ui-channel-strip__meter:has([data-unmetered=true]) .ui-db-scale{visibility:hidden}.ui-channel-strip__meter:has([data-unmetered=true]):before{content:"No meter";position:absolute;top:6px;bottom:6px;left:0;width:28px;display:flex;align-items:center;justify-content:center;overflow:hidden;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans);-webkit-user-select:none;user-select:none}.ui-channel-strip__fader{display:flex;height:100%}.ui-channel-strip__value{display:flex;justify-content:center}.ui-channel-strip__controls{display:flex;justify-content:center;gap:var(--space-1);min-height:var(--control-xs)}.ui-channel-strip .ui-slider{touch-action:pan-x pan-y}.ui-channel-strip .ui-slider__thumb{touch-action:none}@media(pointer:coarse){.ui-channel-strip .ui-slider__thumb:after{content:"";position:absolute;top:-16px;right:-8px;bottom:-16px;left:-8px}}.ui-db-scale{position:relative;flex:none;width:28px;height:100%;color:var(--foreground-subtle);font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.ui-db-scale__tick{position:absolute;left:0;right:0;height:0;bottom:calc(var(--tick) * 100%)}.ui-db-scale__mark{position:absolute;right:0;top:-1px;height:1px;width:4px;background:var(--ruler-tick)}.ui-db-scale__tick[data-major] .ui-db-scale__mark{width:6px;background:var(--ruler-tick-cycle)}.ui-db-scale__label{position:absolute;right:7px;top:-8px;line-height:16px;white-space:nowrap}.ui-db-scale__label[data-hidden]{visibility:hidden}}/*! @license MIT — portions adapted from audiocn (https://audiocn.dev), Copyright (c) 2026 OrcDev; see docs/licenses/audiocn-MIT.txt. */@layer ui{.ui-player{display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0}.ui-player__seek{display:flex;flex:1;min-width:64px}.ui-player__seek>.ui-slider{flex:1;min-width:0}.ui-player__time{flex:none;min-width:76px;text-align:right;font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);font-variant-numeric:tabular-nums;color:var(--foreground-muted);white-space:nowrap}.ui-player--placeholder>.ui-skeleton{flex:none}.ui-player--placeholder .ui-player__seek>.ui-skeleton{flex:1;min-width:0}.ui-player[data-status=error] .ui-player__time{color:var(--foreground-subtle)}}.studio{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden;overflow-x:clip;background:var(--background)}.studio[aria-busy=true] main{opacity:.6;transition:opacity var(--duration-hover) ease}main{display:flex;flex:1;min-height:0;gap:var(--panel-gap);padding:0 var(--gutter) var(--panel-gap);padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--panel-gap)}.arrangement{display:flex;flex:1 1 0;min-height:180px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);overflow:hidden;isolation:isolate}.statusbar{display:flex;align-items:center;gap:12px;min-height:calc(var(--statusbar-h) + env(safe-area-inset-bottom,0px));padding:0 var(--gutter) env(safe-area-inset-bottom,0px);padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px));background:var(--background);color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / 16px var(--font-sans);-webkit-user-select:none;user-select:none}.statusbar__status{display:flex;align-items:center;gap:8px;min-width:0}.statusbar__spacer{flex:1}.status-dot{width:6px;height:6px;flex:none;background:var(--foreground-disabled);border-radius:var(--radius-full)}.status-dot.running{background:var(--success)}.statusbar__message{color:var(--foreground-muted);white-space:nowrap}.status-detail{color:var(--foreground-subtle);white-space:nowrap}.statusbar__help{flex:none}@media(max-width:800px){.status-detail{display:none}}@media(max-width:640px){.statusbar__help .ui-btn__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.statusbar__help .ui-btn__kbd{display:none}.statusbar__help{width:24px;padding:0;justify-content:center}.statusbar .background-job{max-width:150px}}.topbar{display:flex;align-items:center;gap:0;min-height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;background:var(--background)}.topbar__brand{display:flex;align-items:center;gap:var(--space-2);margin-right:var(--space-4);color:var(--accent);flex:none}.topbar__wordmark{color:var(--foreground);font:var(--weight-semibold) var(--text-lg) / var(--leading-lg) var(--font-sans);letter-spacing:var(--tracking-brand)}.project-trigger{max-width:280px;min-width:0;padding:0 8px 0 10px;color:var(--foreground)}.project-trigger .ui-btn__label,.topbar__create-menu .ui-btn__label{display:inline-flex;align-items:center;gap:var(--space-15);min-width:0}.project-trigger[data-popup-open]{background:var(--surface-active)}.project-trigger__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-trigger>.lucide,.project-trigger .ui-btn__label>.lucide{color:var(--foreground-subtle)}.save-state{display:flex;align-items:center;gap:var(--space-15);margin-left:var(--space-3);color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);white-space:nowrap}.save-state__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--success);transition:background-color var(--duration-hover) ease}.save-state[data-state=unsaved]{color:var(--danger)}.save-state[data-state=unsaved] .save-state__dot{background:var(--danger)}.save-state[data-state=restoring] .save-state__dot{background:var(--foreground-disabled)}.topbar__spacer{flex:1;min-width:0}.topbar__create,.topbar__history{display:flex;align-items:center;gap:var(--space-1)}.topbar__history{margin-left:var(--space-4)}.topbar__create-menu,.topbar__more{display:none}.topbar__samples{margin-left:var(--space-4)}.topbar__export{margin-left:var(--space-1)}.project-menu{width:260px}.project-menu__rename{padding:var(--space-2)}.project-menu__item{text-align:left}.project-menu__item .ui-menu__shortcut{margin-left:auto;padding-left:var(--space-4)}.project-menu__item:focus-visible{outline:none;background:var(--surface-active)}.project-menu__item:focus-visible .ui-menu__icon{color:var(--foreground)}@media(hover:hover)and (pointer:fine){.project-menu__item:hover{background:var(--surface-active)}.project-menu__item:hover .ui-menu__icon{color:var(--foreground)}}@media(max-width:1100px){.topbar__create{display:none}.topbar__create-menu{display:inline-flex}}@media(max-width:800px){.save-state__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media(max-width:640px){.topbar__wordmark,.topbar__create-menu,.topbar__history{display:none}.topbar__more{display:inline-flex}.topbar__brand{margin-right:var(--space-2)}.project-trigger{max-width:none;flex:0 1 auto}.save-state{margin-left:var(--space-2)}.topbar__samples,.topbar__export{width:32px;padding:0}.topbar__samples{margin-left:var(--space-1)}.topbar__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar__more{margin-right:var(--space-1)}}.transport{display:flex;align-items:center;gap:var(--space-2);height:var(--transport-h);min-height:var(--transport-h);padding:0 var(--gutter);background:var(--background);min-width:0}.transport>*{flex:none}.transport>.transport-space{flex:1 1 0;min-width:0}.transport__cluster{display:flex;align-items:center;gap:var(--space-1)}.transport-play{width:40px;height:32px;padding:0}.transport-play[aria-busy=true]{opacity:1;cursor:progress}.position-display{margin-left:var(--space-2);display:inline-flex;align-items:baseline;white-space:nowrap;font:var(--weight-medium) var(--text-xl) / var(--leading-xl) var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--foreground)}.position-display__sep{margin:0 2px;color:var(--foreground-disabled)}.transport__tempo{margin-left:var(--space-2)}.transport__metronome{display:flex}.transport__level{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2)}.transport__level-slider{width:96px}.transport__word{font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);color:var(--foreground-muted);white-space:nowrap}.transport__word--subtle{font-weight:var(--weight-regular);color:var(--foreground-subtle)}.transport__value{width:64px;min-width:0}.transport__loop{display:flex;align-items:center;gap:var(--space-15)}.transport__zoom{display:flex;align-items:center;gap:0;margin-left:var(--space-2)}.transport__zoom-value{min-width:40px;text-align:center;font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);font-variant-numeric:tabular-nums;color:var(--foreground-muted)}.transport__toggle{display:flex;margin-left:var(--space-1)}.transport__more{display:flex}.transport-more{width:264px}.transport-more__row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:var(--space-2);min-height:32px}.transport-more__label{font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);color:var(--foreground-muted)}.transport-more__level,.transport-more__loop,.transport-more__zoom{display:flex;align-items:center;gap:var(--space-15)}.transport-more__level{gap:var(--space-2)}.transport-more__level .transport__level-slider{flex:1 1 0;min-width:0;width:auto}.transport-more__zoom{gap:0}@media(max-width:1100px){.transport__level-slider{width:80px}}@media(max-width:640px){.transport{gap:var(--space-2)}.position-display,.transport__tempo{margin-left:0}.position-display__sep{margin:0}}.transport__meter{width:64px}.transport__meter .ui-meter__bar{height:4px}.transport__level .ui-meter-reset,.transport__level .transport__peak{margin-left:calc(-1 * var(--space-1))}.transport-more__level{flex-wrap:wrap;row-gap:var(--space-15)}.transport-more__level .transport__meter{order:10;flex:1 1 calc(100% - 28px);width:auto}.transport-more__level .ui-meter-reset{order:11}.transport-more__level .ui-meter-reset:after{right:0}@media(max-width:1100px){.transport__peak{display:none}}.timeline-scroll{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;isolation:isolate;background:var(--surface-1)}.timeline-grid{display:flex;width:max-content;min-width:100%;min-height:100%}.track-column{position:sticky;left:0;z-index:6;flex:none;width:var(--track-column-w);background:var(--surface-2);border-right:1px solid var(--border-subtle)}.track-column-head{position:sticky;top:0;z-index:7;height:var(--ruler-h);display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;background:var(--surface-2);border-bottom:1px solid var(--border-subtle)}.track-column-head__title{font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);color:var(--foreground-muted)}.track-header{display:flex;align-items:center;gap:8px;height:var(--track-row-h);padding:0 8px 0 12px;cursor:default;transition:background-color var(--duration-hover) ease,box-shadow var(--duration-hover) ease,color var(--duration-hover) ease}.track-header.selected{background-color:var(--surface-3)}.track-header.muted .track-header__swatch{opacity:.4}.track-header.muted .track-header__name:not(:focus-visible){color:var(--foreground-muted)}.track-header.muted .track-header__meter{opacity:.6}.track-header__swatch{flex:none;width:8px;height:8px;border-radius:var(--radius-note)}.track-header__title{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.track-header__name{width:100%;height:20px;padding:0 4px;margin:0 -4px;background:transparent;border:0;border-radius:var(--radius-sm);font:var(--weight-medium) var(--text-base) / 20px var(--font-sans);color:var(--foreground);text-overflow:ellipsis;transition:background-color var(--duration-hover) ease,color var(--duration-hover) ease}.track-header__name:focus-visible{outline:none;background:var(--input);box-shadow:0 0 0 1px var(--accent),0 0 0 4px var(--ring-soft)}.track-header__subtitle{font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans);color:var(--foreground-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-header__switches{display:flex;gap:2px}.add-track.ui-btn{margin:8px;width:calc(100% - 16px)}.ruler{position:sticky;top:0;z-index:5;height:var(--ruler-h);background-color:var(--surface-2);background-image:linear-gradient(to right,var(--ruler-tick-cycle) 1px,transparent 1px),linear-gradient(to right,var(--ruler-tick) 1px,transparent 1px);background-repeat:repeat-x;background-position:left bottom;border-bottom:1px solid var(--border-subtle);cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.ruler__num{position:absolute;top:6px;padding-left:6px;font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans);font-variant-numeric:tabular-nums;color:var(--foreground-subtle)}.ruler__num[data-current]{color:var(--foreground)}.loop-region{position:absolute;bottom:0;height:4px;border-radius:2px;background-color:var(--loop-off);transition:opacity var(--duration-hover) ease,background-color var(--duration-hover) ease}.loop-region[data-enabled=true]{background-color:var(--loop-on)}.ruler__playhead{position:absolute;top:0;left:-4px;width:9px;height:7px;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);background:var(--playhead-idle);pointer-events:none;will-change:transform}.ruler__playhead[data-playing=true]{background:var(--playhead-live)}.timeline-canvas{position:relative;flex:none}.track-lane{position:relative;height:var(--track-row-h);background-image:linear-gradient(to right,var(--lane-cycle) 1px,transparent 1px),linear-gradient(to right,var(--lane-beat) 1px,transparent 1px)}.track-lane--alt{background-color:var(--lane-zebra)}.timeline-clip{position:absolute;top:4px;z-index:1;height:calc(var(--track-row-h) - 8px);display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:var(--radius);background-color:color-mix(in oklab,var(--clip-color) 16%,var(--surface-1));color:var(--foreground);overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:background-color var(--duration-hover) ease,box-shadow var(--duration-hover) ease,color var(--duration-hover) ease}.timeline-clip.selected{background-color:color-mix(in oklab,var(--clip-color) 28%,var(--surface-1));box-shadow:inset 0 0 0 2px var(--accent)}.timeline-clip:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.timeline-clip[data-dragging]{z-index:2;cursor:grabbing;transition:none;box-shadow:var(--shadow-drag)}.timeline-clip.selected[data-dragging]{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow-drag)}.timeline-clip.selected:focus-visible{box-shadow:none}.timeline-clip.selected[data-dragging]:focus-visible{box-shadow:var(--shadow-drag)}.track-lane.muted .timeline-clip{opacity:.4;filter:saturate(.4)}.clip-label{display:flex;align-items:center;gap:6px;height:16px;min-width:0;font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans);white-space:nowrap}.clip-label>.lucide{color:var(--clip-color)}.clip-label__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.clip-preview{flex:1;min-height:0;width:100%;fill:color-mix(in oklab,var(--clip-color) 85%,transparent)}.clip-resize{position:absolute;top:0;right:0;bottom:0;width:9px;cursor:ew-resize;touch-action:none}.clip-resize:before{content:"";position:absolute;top:0;bottom:0;right:0;left:-3px}.clip-resize:after{content:"";position:absolute;right:3px;top:50%;width:2px;height:16px;margin-top:-8px;border-radius:1px;background:var(--grip);opacity:0;transition:opacity var(--duration-hover) ease}.timeline-clip.selected .clip-resize:after{opacity:1}.clip-queued{flex:none;height:16px;padding:0 4px;border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent);font:var(--weight-medium) var(--text-xs) / var(--leading-xs) var(--font-sans)}.clip-queued-tick{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--accent);pointer-events:none}.clip-queued[data-landed],.clip-queued-tick[data-landed]{opacity:0;transition:opacity var(--duration-tick-out) var(--ease-out)}.timeline-empty{position:sticky;left:var(--track-column-w);width:max-content;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.live-cycle{position:absolute;top:var(--ruler-h);bottom:0;left:0;z-index:3;background:var(--live-cycle);pointer-events:none;will-change:transform}.playhead{position:absolute;top:var(--ruler-h);bottom:0;left:0;z-index:4;width:1px;background:var(--playhead-idle);pointer-events:none;will-change:transform;contain:layout style}.playhead[data-playing=true]{background:var(--playhead-live)}@media(hover:hover)and (pointer:fine){.track-header:hover{background-color:var(--surface-hover)}.track-header.selected:hover{background-color:var(--surface-3)}.track-header__name:hover:not(:focus-visible){background-color:var(--surface-hover)}.timeline-clip:hover{background-color:color-mix(in oklab,var(--clip-color) 22%,var(--surface-1))}.timeline-clip.selected:hover{background-color:color-mix(in oklab,var(--clip-color) 28%,var(--surface-1))}.timeline-clip:hover .clip-resize:after{opacity:1}}@media(max-width:1100px){.track-header__switches{flex-direction:column}}@media(pointer:coarse){.clip-resize:before{left:-15px}.clip-resize:after{opacity:1}.track-header__name{font-size:var(--text-lg)}}.track-header__meter{margin-top:2px}.clip-editor{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);flex:1.25 1 0;min-height:240px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;container:clip-panel / inline-size}.panel-header{display:flex;align-items:center;gap:var(--space-2);flex:none;min-width:0;height:var(--editor-header-h);padding:0 var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border-subtle)}.panel-header>.editor-header{flex:1;min-width:0;height:100%;padding:0;border-bottom:0}.panel-header__divider{flex:none;width:1px;height:16px;background:var(--border-subtle)}.editor-header{display:flex;align-items:center;gap:var(--space-2);flex:none;min-width:0;height:var(--editor-header-h);padding:0 var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border-subtle)}.editor-header__title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.editor-header__swatch{flex:none;width:8px;height:8px;border-radius:var(--radius-note)}.editor-header__name{field-sizing:content;width:auto;min-width:48px;max-width:min(240px,30cqi);height:24px;padding:0 var(--space-1);margin-left:calc(-1 * var(--space-1));background:transparent;border:0;border-radius:var(--radius-sm);font:var(--weight-semibold) var(--text-base) / 24px var(--font-sans);color:var(--foreground);text-overflow:ellipsis;transition:background-color var(--duration-hover) ease}@supports not (field-sizing: content){.editor-header__name{width:100vw}}.editor-header__name:focus-visible{outline:none;box-shadow:0 0 0 1px var(--accent),0 0 0 4px var(--ring-soft)}.kind-chip{flex:none;height:18px;padding:0 var(--space-15);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--foreground-muted);font:var(--weight-medium) var(--text-xs) / 18px var(--font-sans);white-space:nowrap}.editor-header__placeholder{color:var(--foreground-muted);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans);white-space:nowrap}.editor-header__tabs{flex:none;margin-left:var(--space-1)}.editor-header__spacer{flex:1;min-width:0}.snap-field{display:flex;align-items:center;gap:var(--space-15);flex:none}.snap-field__label{color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.snap-field__select{width:72px}.editor-header__actions{display:flex;align-items:center;gap:var(--space-1);flex:none;margin-left:var(--space-1)}@media(hover:hover)and (pointer:fine){.editor-header__name:hover:not(:focus-visible){background:var(--surface-hover)}.editor-header__delete:hover:not(:disabled){color:var(--danger);background:var(--danger-muted)}}.code-workspace{--code-gutter-w: 44px;display:flex;flex:1;min-height:0}.code-editor{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.code-editor:has(textarea:focus-visible):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;box-shadow:inset 0 0 0 1px var(--accent-border);pointer-events:none}.code-editor__body{display:flex;align-items:flex-start;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-3) var(--space-3) var(--space-3) 0}.code-editor__stage{position:relative;flex:none;min-width:100%;min-height:100%;width:max-content}.code-editor__body[data-wrap=true] .code-editor__stage{width:100%}.code-editor__line{display:grid;grid-template-columns:var(--code-gutter-w) minmax(0,1fr)}.code-editor__n{position:sticky;left:0;z-index:1;padding-right:var(--space-3);background:var(--surface-1);color:var(--foreground-disabled);font:var(--weight-regular) var(--text-code) / var(--leading-code) var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.code-editor__ghost,.code-editor__input{box-sizing:border-box;margin:0;padding:0 2ch 0 var(--space-1);border:0;border-radius:0;font:var(--weight-regular) var(--text-code) / var(--leading-code) var(--font-mono);font-variant-ligatures:normal;letter-spacing:normal;word-spacing:normal;text-indent:0;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal}.code-editor__body[data-wrap=true] :is(.code-editor__ghost,.code-editor__input){white-space:pre-wrap;overflow-wrap:anywhere}.code-editor__ghost{visibility:hidden;-webkit-user-select:none;user-select:none}.code-editor__input{position:absolute;top:0;bottom:0;left:var(--code-gutter-w);right:0;width:calc(100% - var(--code-gutter-w));height:100%;background:transparent;color:var(--foreground);caret-color:var(--accent);overflow:hidden;resize:none;outline:none}.code-editor__input:focus-visible{outline:none;box-shadow:none}@media(pointer:coarse){.code-editor__ghost,.code-editor__input{font-size:16px}}.code-bottom{display:flex;align-items:center;gap:var(--space-3);flex:none;min-width:0;height:40px;padding:0 var(--space-3);border-top:1px solid var(--border-subtle)}.code-bottom__hint{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.code-error{display:flex;align-items:center;gap:var(--space-15);flex:1;min-width:0;margin:0;color:var(--foreground);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.code-error>svg{flex:none;color:var(--danger)}.code-error>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.code-bottom>.ui-btn{flex:none}.code-reference{flex:none;width:var(--code-reference-w);padding:var(--space-4);border-left:1px solid var(--border-subtle);overflow:auto;overscroll-behavior:contain}.code-reference h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-base) / var(--leading-base) var(--font-sans)}.code-reference>p{margin:var(--space-1) 0 var(--space-3);color:var(--foreground-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-base) var(--font-sans)}.code-reference>.code-reference__note{margin:var(--space-3) 0 0;color:var(--foreground-subtle)}.code-snippet{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-05);width:100%;padding:var(--space-2);border-radius:var(--radius);text-align:left;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease}.code-snippet:active{transform:scale(var(--scale-press-row))}.code-snippet code{color:var(--foreground);font:var(--weight-regular) var(--text-code) / var(--leading-code) var(--font-mono);white-space:pre}.code-snippet span{color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}@media(hover:hover)and (pointer:fine){.code-snippet:hover{background-color:var(--surface-hover)}}.editor-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.editor-empty>svg{color:var(--foreground-subtle)}.editor-empty h3{margin:0;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.editor-empty p{max-width:320px;margin:0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.editor-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}@media(max-width:800px){.code-reference{display:none}}@media(max-width:640px){.code-bottom .ui-btn__kbd{display:none}}@container clip-panel (max-width: 1074px){.editor-header__name{max-width:min(200px,26cqi)}}@container clip-panel (max-width: 792px){.snap-field__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@container clip-panel (max-width: 758px){.kind-chip{display:none}}@container clip-panel (max-width: 714px){.panel-switch .ui-seg__item{min-width:26px;padding:0 6px;justify-content:center}.panel-switch .ui-tabs__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@container clip-panel (max-width: 622px){.panel-header{gap:var(--space-15);padding:0 var(--space-15) 0 var(--space-2)}.panel-header>.editor-header{gap:var(--space-15)}.editor-header__name{min-width:32px;max-width:min(160px,28cqi)}.editor-header__tabs{margin-left:0}.editor-header__tabs .ui-seg__item{min-width:26px;padding:0 6px;justify-content:center}.editor-header__tabs .ui-tabs__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.snap-field__select{width:56px;gap:var(--space-05);padding:0 var(--space-1) 0 var(--space-15)}}.mixer-panel{display:flex;flex:1;min-height:0;min-width:0}.inspector{display:flex;flex-direction:column;width:var(--inspector-w);flex:none;min-height:0;overflow:hidden;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.inspector--sheet{width:auto;flex:1;border:0;border-radius:0;background:transparent}.inspector__tabs{display:flex;flex-direction:column;flex:1;min-height:0}.inspector__header{display:flex;align-items:stretch;flex:none;height:40px;padding:0 var(--space-2) 0 var(--space-1);border-bottom:1px solid var(--border-subtle)}.inspector__header .ui-tabs__list{height:100%;border-bottom:0}.inspector__close{align-self:center;margin-left:auto}.inspector__body{display:flex;flex-direction:column;gap:var(--space-5);flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-4)}.inspector-heading{display:flex;align-items:center;gap:var(--space-2);min-height:24px;flex:none}.inspector-heading--split{justify-content:space-between}.inspector-heading__swatch{width:8px;height:8px;flex:none;border-radius:var(--radius-note)}.inspector-heading__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font:var(--weight-semibold) var(--text-md) / var(--leading-md) var(--font-sans)}.inspector-group{display:flex;flex-direction:column;gap:var(--space-2);flex:none}.inspector-group--loose{gap:var(--space-3)}.inspector-group__title{color:var(--foreground-muted);font:var(--weight-semibold) var(--text-sm) / var(--leading-sm) var(--font-sans)}.inspector-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);min-height:24px}.inspector-row--select>.ui-select__trigger{flex:1;min-width:0}.inspector-row__label{color:var(--foreground-muted);font:var(--weight-medium) var(--text-sm) / var(--leading-sm) var(--font-sans)}.inspector-caption{color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.inspector-caption--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-empty{padding:var(--space-6);color:var(--foreground-muted);text-align:center;font:var(--weight-regular) var(--text-base) / var(--leading-prose) var(--font-sans)}.inspector .match-sound{margin:0}.inspector-waveform{height:48px}.clip-props{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0}.clip-props dt,.clip-props dd{min-height:24px;margin:0;display:flex;align-items:center;font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.clip-props dt{color:var(--foreground-subtle)}.clip-props dd{justify-content:flex-end;color:var(--foreground);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.inspector-actions{display:flex;flex-direction:column;gap:2px;flex:none}.inspector-actions__delete{margin-top:14px}.sample-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex:none;width:100%;height:88px;background:transparent;border:1px dashed var(--border-strong);border-radius:var(--radius-panel);color:var(--foreground-subtle);transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,border-color var(--duration-hover) ease,color var(--duration-hover) ease}.sample-drop>*{pointer-events:none}.sample-drop__title{color:var(--foreground);font:var(--weight-medium) var(--text-base) / var(--leading-base) var(--font-sans)}.sample-drop__hint{color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.sample-drop:active{transform:scale(var(--scale-press-row))}.sample-drop[data-dragover]{background:var(--accent-muted);border-color:var(--accent)}.sample-list{display:flex;flex-direction:column}.sample-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);width:100%;height:32px;padding:0 var(--space-2);border-radius:var(--radius);color:var(--foreground-subtle);text-align:left;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-hover) ease,color var(--duration-hover) ease,box-shadow var(--duration-hover) ease}.sample-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font:var(--weight-regular) var(--text-base) / var(--leading-base) var(--font-sans)}.sample-row__thumb{flex:none;width:32px;height:16px;--waveform-fg: var(--foreground-subtle);background:transparent}.sample-row.selected .sample-row__thumb{--waveform-fg: var(--foreground-muted)}.sample-row__duration{flex:none;color:var(--foreground-subtle);font:var(--weight-regular) var(--text-sm) / var(--leading-sm) var(--font-sans)}.sample-row:active:not(:disabled){transform:scale(var(--scale-press-row))}.sample-row.selected{background:var(--accent-muted);color:var(--foreground-muted)}@media(hover:hover)and (pointer:fine){.sample-drop:hover{background:var(--surface-hover);border-color:var(--foreground-disabled)}.sample-drop[data-dragover]:hover{background:var(--accent-muted);border-color:var(--accent)}.sample-row:hover:not(.selected){background:var(--surface-hover)}.sample-row.selected:hover{background:var(--accent-muted-hover)}}@media(pointer:coarse){.inspector .ui-select__trigger{font-size:16px}.inspector .sample-row,.inspector .ui-btn--block,.inspector .inspector-row .ui-btn{min-height:var(--control-touch)}}.confirm-map{display:flex;flex-direction:column;gap:var(--space-3)}.confirm-map .ui-textarea{height:96px}.confirm-map .ui-field__hint{margin:0}.shortcut-list{display:grid;grid-template-columns:1fr;column-gap:24px;margin:0}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;border-bottom:1px solid var(--border-subtle)}.shortcut-row dt{color:var(--foreground);font:var(--weight-regular) var(--text-base) / 18px var(--font-sans)}.shortcut-row dd{margin:0;flex:none}.shortcut-note{margin:16px 0 0;color:var(--foreground-muted);font:var(--weight-regular) var(--text-base) / 20px var(--font-sans)}@media(min-width:560px){.shortcut-list{grid-template-columns:1fr 1fr}}.confirm-map .ui-field__error>.lucide{flex:none;margin-top:1px;color:var(--danger)}