:root{--background: 240 5% 97%;--foreground: 240 10% 7%;--card: 240 5% 98.5%;--card-foreground: 240 10% 7%;--popover: 240 5% 98.5%;--popover-foreground: 240 10% 7%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem;--app-height: 100vh;--browser-ui-bottom: 0px}.dark{--background: 240 6% 12%;--foreground: 0 0% 96%;--card: 240 6% 14%;--card-foreground: 0 0% 96%;--popover: 240 6% 14%;--popover-foreground: 0 0% 96%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 4% 18%;--secondary-foreground: 0 0% 98%;--muted: 240 4% 18%;--muted-foreground: 240 5% 64.9%;--accent: 240 4% 18%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 4% 22%;--input: 240 4% 22%;--ring: 240 4.9% 83.9%}html,body,#root{height:100%}html,body{overflow:hidden}body{margin:0}.piano-roll-scroll{scrollbar-gutter:stable both-edges;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.piano-roll-scroll::-webkit-scrollbar{height:12px;width:12px}.piano-roll-scroll::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:999px;border:3px solid transparent;background-clip:content-box}.piano-roll-scroll::-webkit-scrollbar-track{background:transparent}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:hsl(var(--secondary))}input[type=range]:hover::-webkit-slider-runnable-track{background:hsl(var(--secondary) / .85)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:hsl(var(--primary));border:2px solid hsl(var(--background));margin-top:-5px;transition:box-shadow .12s ease,transform .12s ease,background-color .12s ease}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px hsl(var(--ring) / .18)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px hsl(var(--ring) / .25)}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:hsl(var(--secondary))}input[type=range]:hover::-moz-range-track{background:hsl(var(--secondary) / .85)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:hsl(var(--primary));border:2px solid hsl(var(--background));transition:box-shadow .12s ease,transform .12s ease,background-color .12s ease}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 4px hsl(var(--ring) / .18)}