@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-cyrillic-ext-wght-normal-CVcCQn0y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-cyrillic-wght-normal-BJ-nQEdz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-greek-wght-normal-DeN4rzfy.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-vietnamese-wght-normal-AVFfiTln.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-latin-ext-wght-normal-gysdOMcS.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-latin-wght-normal-n-dP9qr2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Roboto Flex Variable", "Roboto Flex", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Roboto Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shape-xs:4px;--shape-sm:8px;--shape-md:12px;--shape-lg:16px;--shape-xl:28px;--shape-full:999px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-decel:cubic-bezier(.05, .7, .1, 1);--ease-accel:cubic-bezier(.3, 0, .8, .15);--dur-s:.12s;--dur-m:.24s;--dur-l:.4s;--elev-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--elev-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--elev-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--elev-4:0 6px 10px 4px #00000026, 0 2px 3px #0000004d;--topbar-h:64px;--sheet-w:min(480px, 40vw);--rail-w:80px;--hint-h:28px;--row-h:40px;--pad:12px;--md-primary:#6ee7a0;--md-on-primary:#00391c;--md-surface:#0f1511;--md-on-surface:#dfe4dd;--md-surface-container:#1b211d;--md-surface-container-low:#171d19;--md-surface-container-lowest:#0a0f0c;--md-surface-container-high:#252b27;--md-surface-container-highest:#303632;--md-on-surface-variant:#c0c9c0;--md-outline:#8a938b;--md-outline-variant:#404943;--meter-green:#4cd964;--meter-yellow:#ffd60a;--meter-red:#ff453a}:root[data-density=compact]{--topbar-h:56px;--rail-w:72px;--row-h:34px;--pad:8px}:root[data-motion=reduced]{--dur-s:0s;--dur-m:0s;--dur-l:0s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);letter-spacing:.0178em;background:var(--md-surface-container-lowest);color:var(--md-on-surface);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:1rem;line-height:1.43}input,textarea,select,button{font:inherit;color:inherit;letter-spacing:inherit}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}::selection{background:var(--md-primary);color:var(--md-on-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--md-on-surface) 18%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--md-on-surface) 30%, transparent)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--md-on-surface) 22%, transparent) transparent}.display-s{letter-spacing:0;font-size:2.57rem;font-weight:400;line-height:1.2}.headline-l{font-size:2.28rem;font-weight:400;line-height:1.25}.headline-m{font-size:2rem;font-weight:400;line-height:1.28}.headline-s{font-size:1.71rem;font-weight:400;line-height:1.33}.title-l{font-size:1.57rem;font-weight:400;line-height:1.27}.title-m{letter-spacing:.01em;font-size:1.14rem;font-weight:500;line-height:1.5}.title-s{letter-spacing:.007em;font-size:1rem;font-weight:500;line-height:1.43}.body-l{font-size:1.14rem;line-height:1.5}.body-m{font-size:1rem;line-height:1.43}.body-s{letter-spacing:.03em;font-size:.857rem;line-height:1.33}.label-l{letter-spacing:.007em;font-size:1rem;font-weight:500;line-height:1.43}.label-m{letter-spacing:.035em;font-size:.857rem;font-weight:500;line-height:1.33}.label-s{letter-spacing:.035em;font-size:.786rem;font-weight:500;line-height:1.27}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--md-on-surface-variant)}.tnum{font-variant-numeric:tabular-nums}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:300 700;font-display:block;src:url(./symbols-rounded--tQNP3_s.woff2)format("woff2")}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;transition:font-variation-settings var(--dur-s) var(--ease);direction:ltr;flex-shrink:0;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon.fill{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.icon.sm{font-size:18px}.icon.xs{font-size:16px}.icon.lg{font-size:32px}.sl{isolation:isolate;cursor:pointer;outline:none;position:relative}.sl:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-s) linear;z-index:-1;background:currentColor;position:absolute;inset:0}.sl:hover:before{opacity:.08}.sl:focus-visible:before{opacity:.1}.sl:active:before{opacity:.12}.sl:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.sl[disabled],.sl.disabled{pointer-events:none;opacity:.38}.btn{border-radius:var(--shape-full);letter-spacing:.007em;white-space:nowrap;height:40px;transition:box-shadow var(--dur-s) var(--ease), background var(--dur-s) var(--ease), transform var(--dur-s) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:1rem;font-weight:500;display:inline-flex}.btn .icon{margin-left:-8px;font-size:18px}.btn.filled{background:var(--md-primary);color:var(--md-on-primary)}.btn.filled:hover{box-shadow:var(--elev-1)}.btn.tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn.outlined{border:1px solid var(--md-outline);color:var(--md-primary);padding:0 23px}.btn.text{color:var(--md-primary);padding:0 12px}.btn.text .icon{margin-left:-4px}.btn.elevated{background:var(--md-surface-container-low);color:var(--md-primary);box-shadow:var(--elev-1)}.btn.danger{background:var(--md-error);color:var(--md-on-error)}.btn.sm{height:32px;padding:0 16px;font-size:.857rem}.btn.sm.text{padding:0 10px}.btn.block{width:100%}.icon-btn{border-radius:var(--shape-full);width:40px;height:40px;color:var(--md-on-surface-variant);transition:background var(--dur-s) var(--ease), color var(--dur-s) var(--ease), border-radius var(--dur-m) var(--ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm .icon{font-size:20px}.icon-btn.xs{width:26px;height:26px}.icon-btn.xs .icon{font-size:18px}.icon-btn.filled{background:var(--md-primary);color:var(--md-on-primary)}.icon-btn.tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.icon-btn.outlined{border:1px solid var(--md-outline-variant)}.icon-btn.selected{background:var(--md-primary);color:var(--md-on-primary)}.icon-btn.selected .icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.icon-btn.tonal.selected{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.icon-btn.on-tertiary.selected{background:var(--md-tertiary);color:var(--md-on-tertiary)}.icon-btn.on-error.selected{background:var(--md-error);color:var(--md-on-error)}.icon-btn.square{border-radius:var(--shape-md)}.icon-btn:active{border-radius:var(--shape-sm)}.fab{border-radius:var(--shape-lg);background:var(--md-primary-container);min-width:56px;height:56px;color:var(--md-on-primary-container);box-shadow:var(--elev-3);transition:box-shadow var(--dur-s) var(--ease), transform var(--dur-m) var(--ease);border:none;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-weight:500;display:inline-flex}.fab:hover{box-shadow:var(--elev-4)}.fab.sm{border-radius:var(--shape-md);min-width:40px;height:40px;padding:0 10px}.fab.ext{padding:0 20px 0 16px}.fab.tertiary{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.seg{border:1px solid var(--md-outline);border-radius:var(--shape-full);flex-shrink:0;height:36px;display:inline-flex;overflow:hidden}.seg>button{min-width:44px;color:var(--md-on-surface);border:none;border-right:1px solid var(--md-outline);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.857rem;font-weight:500;display:inline-flex}.seg>button:last-child{border-right:none}.seg>button .icon{font-size:18px}.seg>button.on{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.seg.sm{height:30px}.seg.sm>button{min-width:34px;padding:0 10px}.chip{border-radius:var(--shape-sm);border:1px solid var(--md-outline-variant);height:32px;color:var(--md-on-surface-variant);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:.857rem;font-weight:500;display:inline-flex}.chip .icon{margin-left:-4px;font-size:18px}.chip.on{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:#0000}.chip.sm{height:26px;padding:0 10px;font-size:.786rem}.switch{border-radius:var(--shape-full);background:var(--md-surface-container-highest);border:2px solid var(--md-outline);cursor:pointer;width:52px;height:32px;transition:background var(--dur-m) var(--ease), border-color var(--dur-m) var(--ease);flex-shrink:0;position:relative}.switch:after{content:"";background:var(--md-outline);width:16px;height:16px;transition:all var(--dur-m) var(--ease);border-radius:50%;margin-top:-8px;position:absolute;top:50%;left:6px}.switch.on{background:var(--md-primary);border-color:var(--md-primary)}.switch.on:after{background:var(--md-on-primary);width:24px;height:24px;margin-top:-12px;left:22px}.switch:active:after{width:28px;height:28px;margin-top:-14px}.field{flex-direction:column;gap:4px;display:flex;position:relative}.field>label{color:var(--md-on-surface-variant);padding-left:4px;font-size:.786rem;font-weight:500}.input{border-radius:var(--shape-sm);border:1px solid var(--md-outline);min-width:0;height:40px;transition:border-color var(--dur-s) var(--ease), box-shadow var(--dur-s) var(--ease);background:0 0;outline:none;padding:0 14px}.input:focus{border-color:var(--md-primary);box-shadow:inset 0 0 0 1px var(--md-primary)}.input.filled{border:none;border-bottom:1px solid var(--md-on-surface-variant);border-radius:var(--shape-xs) var(--shape-xs) 0 0;background:var(--md-surface-container-highest)}.input.sm{height:32px;padding:0 10px;font-size:.857rem}textarea.input{resize:vertical;height:auto;min-height:80px;padding:10px 14px}.search{border-radius:var(--shape-full);background:var(--md-surface-container-high);height:44px;color:var(--md-on-surface-variant);align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.search input{min-width:0;color:var(--md-on-surface);background:0 0;border:none;outline:none;flex:1}.search.sm{height:36px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--md-on-surface-variant) 50%), linear-gradient(135deg, var(--md-on-surface-variant) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}select.input option{background:var(--md-surface-container-high);color:var(--md-on-surface)}.slider{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:16px}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--md-primary) var(--p), var(--md-secondary-container) var(--p));border-radius:3px;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--md-primary);width:4px;height:20px;box-shadow:0 0 0 4px var(--md-surface-container);border-radius:2px;margin-top:-7px}.slider::-moz-range-track{background:var(--md-secondary-container);border-radius:3px;height:6px}.slider::-moz-range-progress{background:var(--md-primary);border-radius:3px;height:6px}.slider::-moz-range-thumb{background:var(--md-primary);border:none;border-radius:2px;width:4px;height:20px}.card{background:var(--md-surface-container-low);border-radius:var(--shape-md);padding:16px}.card.outlined{border:1px solid var(--md-outline-variant);background:0 0}.card.filled{background:var(--md-surface-container-highest)}.card.elevated{box-shadow:var(--elev-1)}.divider{background:var(--md-outline-variant);flex-shrink:0;height:1px}.vdivider{background:var(--md-outline-variant);flex-shrink:0;align-self:stretch;width:1px;margin:8px 2px}.li{border-radius:var(--shape-full);min-height:40px;color:var(--md-on-surface);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:4px 12px;display:flex}.li .icon{color:var(--md-on-surface-variant);font-size:20px}.li .li-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.li .li-sub{color:var(--md-on-surface-variant);font-size:.786rem}.li.on{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.li.on .icon{color:inherit}.li .trail{color:var(--md-on-surface-variant);font-size:.786rem}.menu{z-index:1000;border-radius:var(--shape-xs);background:var(--md-surface-container);min-width:200px;max-width:320px;max-height:70vh;box-shadow:var(--elev-2);animation:menu-in var(--dur-m) var(--ease-decel);transform-origin:0 0;padding:8px 0;position:fixed;overflow:auto}@keyframes menu-in{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}.menu-item{text-align:left;width:100%;height:40px;color:var(--md-on-surface);background:0 0;border:none;align-items:center;gap:12px;padding:0 12px;font-size:.93rem;display:flex}.menu-item .icon{color:var(--md-on-surface-variant);font-size:20px}.menu-item .kbd{color:var(--md-on-surface-variant);margin-left:auto;padding-left:16px;font-size:.786rem}.menu-item.danger,.menu-item.danger .icon{color:var(--md-error)}.menu-item.checked,.menu-item.checked .icon{color:var(--md-primary)}.menu-sep{background:var(--md-outline-variant);height:1px;margin:8px 0}.menu-label{color:var(--md-on-surface-variant);padding:8px 12px 4px;font-size:.786rem;font-weight:500}.scrim{z-index:900;background:color-mix(in srgb, var(--md-scrim,#000) 45%, transparent);animation:fade-in var(--dur-m) var(--ease);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.dialog{background:var(--md-surface-container-high);border-radius:var(--shape-xl);box-shadow:var(--elev-3);width:min(560px,100%);max-height:calc(100vh - 48px);animation:dialog-in var(--dur-l) var(--ease-decel);flex-direction:column;display:flex;overflow:hidden}.dialog.wide{width:min(880px,100%)}.dialog.full{width:min(1100px,100%);height:min(760px,100%)}@keyframes dialog-in{0%{opacity:0;transform:translateY(-16px)scale(.98)}}.dialog-head{align-items:center;gap:16px;padding:24px 24px 12px;display:flex}.dialog-head .icon{color:var(--md-secondary)}.dialog-body{color:var(--md-on-surface-variant);flex:1;padding:4px 24px 16px;overflow:auto}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 24px 20px;display:flex}.snackbars{left:50%;bottom:calc(var(--hint-h) + 16px);z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.snackbar{pointer-events:auto;border-radius:var(--shape-xs);background:var(--md-inverse-surface);min-height:48px;color:var(--md-inverse-on-surface);box-shadow:var(--elev-3);max-width:min(560px,100vw - 32px);animation:snack-in var(--dur-m) var(--ease-decel);align-items:center;gap:8px;padding:4px 8px 4px 16px;font-size:.93rem;display:flex}.snackbar .btn.text{color:var(--md-inverse-primary)}.snackbar.error{background:var(--md-error-container);color:var(--md-on-error-container)}@keyframes snack-in{0%{opacity:0;transform:translateY(12px)}}.tooltip{z-index:1200;pointer-events:none;border-radius:var(--shape-xs);background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);white-space:nowrap;animation:fade-in var(--dur-s) var(--ease);padding:4px 8px;font-size:.786rem;position:fixed}.progress{background:var(--md-secondary-container);border-radius:2px;height:4px;position:relative;overflow:hidden}.progress>i{background:var(--md-primary);transition:width var(--dur-m) var(--ease);border-radius:2px;position:absolute;inset:0 auto 0 0}.progress.indet>i{width:40%;animation:indet 1.4s var(--ease) infinite}@keyframes indet{0%{left:-40%}to{left:100%}}.spinner{border:3px solid var(--md-secondary-container);border-top-color:var(--md-primary);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tabs{border-bottom:1px solid var(--md-outline-variant);flex-shrink:0;gap:0;display:flex;overflow-x:auto}.tab{height:44px;color:var(--md-on-surface-variant);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:0 16px;font-size:.93rem;font-weight:500;display:inline-flex;position:relative}.tab .icon{font-size:20px}.tab.on{color:var(--md-primary)}.tab.on:after{content:"";background:var(--md-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:12px;right:12px}.badge{background:var(--md-error);min-width:16px;height:16px;color:var(--md-on-error);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:.68rem;font-weight:600;display:inline-flex}kbd,.kbd-key{min-width:20px;height:20px;font-family:var(--font);background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);border-bottom:2px solid var(--md-outline-variant);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:.72rem;font-weight:600;display:inline-flex}.row{align-items:center;gap:8px;min-width:0;display:flex}.col{flex-direction:column;gap:8px;min-height:0;display:flex}.grow{flex:1;min-width:0;min-height:0}.wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center;display:flex}.gap-0{gap:0}.gap-4{gap:4px}.gap-12{gap:12px}.gap-16{gap:16px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scroll{overflow:auto}.hidden{display:none!important}.spacer{flex:1}.empty{text-align:center;color:var(--md-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.empty .icon{opacity:.6;font-size:48px}.app{grid-template-rows:var(--topbar-h) 1fr var(--hint-h);grid-template-columns:var(--rail-w) auto minmax(0, 1fr) 0px;transition:grid-template-columns var(--dur-l) var(--ease);background:var(--md-surface-container-lowest);grid-template-areas:"top top top top""rail browser main sheet""hint hint hint hint";height:100%;display:grid}.topbar{background:var(--md-surface-container);border-bottom:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent);scrollbar-width:none;grid-area:top;align-items:center;gap:8px;min-width:0;padding:0 12px 0 8px;display:flex;overflow:auto hidden}.topbar::-webkit-scrollbar{display:none}.brand{border-radius:var(--shape-full);background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 8px 0 6px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--md-primary), var(--md-tertiary));width:36px;height:36px;color:var(--md-on-primary);box-shadow:var(--elev-1);border-radius:12px;place-items:center;display:grid}.brand-mark .icon{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;font-size:22px}.brand-name{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.brand-proj{color:var(--md-on-surface-variant);max-width:160px;font-size:.72rem}.transport{border-radius:var(--shape-full);background:var(--md-surface-container-highest);flex-shrink:0;align-items:center;gap:4px;padding:4px;display:flex}.play-btn{border-radius:var(--shape-full);background:var(--md-primary);width:48px;height:40px;color:var(--md-on-primary);transition:border-radius var(--dur-m) var(--ease), background var(--dur-s);border:none;place-items:center;display:grid}.play-btn.playing{border-radius:var(--shape-md);background:var(--md-tertiary);color:var(--md-on-tertiary)}.play-btn .icon{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;font-size:28px}.rec-btn.selected{animation:1.2s ease-in-out infinite rec-pulse;background:var(--md-error)!important;color:var(--md-on-error)!important}@keyframes rec-pulse{50%{opacity:.7}}.lcd{border-radius:var(--shape-md);background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);flex-shrink:0;align-items:center;gap:2px;height:44px;padding:0 6px;display:flex}.lcd-cell{border-radius:var(--shape-sm);cursor:ns-resize;flex-direction:column;justify-content:center;align-items:center;min-width:56px;height:36px;padding:0 8px;display:flex}.lcd-cell .v{font-family:var(--mono);color:var(--md-primary);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600;line-height:1.1}.lcd-cell .k{letter-spacing:.08em;text-transform:uppercase;color:var(--md-on-surface-variant);font-size:.62rem;line-height:1}.lcd-cell input.v{text-align:center;background:0 0;border:none;outline:none;width:64px;padding:0}.rail{background:var(--md-surface-container);scrollbar-width:none;flex-direction:column;grid-area:rail;align-items:center;gap:4px;padding:12px 0;display:flex;overflow-y:auto}.rail-item{width:100%;color:var(--md-on-surface-variant);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:2px 0 6px;font-size:.75rem;font-weight:500;display:flex}.rail-item .pill{border-radius:var(--shape-full);width:56px;height:32px;transition:background var(--dur-m) var(--ease);place-items:center;display:grid;position:relative}.rail-item .pill:before{content:"";border-radius:inherit;background:var(--md-on-surface);opacity:0;transition:opacity var(--dur-s);position:absolute;inset:0}.rail-item:hover .pill:before{opacity:.08}.rail-item.on{color:var(--md-on-surface)}.rail-item.on .pill{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.rail-item.on .icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.rail-item.docked .pill{box-shadow:inset 0 0 0 2px var(--md-tertiary)}.rail-item .fkey{opacity:.55;margin-top:-3px;font-size:.6rem}.rail .spacer{flex:1}.browser{background:var(--md-surface-container-low);border-right:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent);flex-direction:column;grid-area:browser;min-height:0;display:flex;position:relative}.resize-x{cursor:col-resize;z-index:5;width:8px;position:absolute;top:0;bottom:0;right:-4px}.main{background:var(--md-surface);flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}.pane{background:var(--md-surface);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pane.dock{border-top:1px solid var(--md-outline-variant)}.resize-y{cursor:row-resize;z-index:5;flex-shrink:0;height:8px;margin:-4px 0;position:relative}.resize-y:after{content:"";background:var(--md-outline-variant);border-radius:2px;width:32px;height:4px;margin-left:-16px;position:absolute;top:2px;left:50%}.resize-y:hover:after,.resize-y.active:after{background:var(--md-primary)}.toolbar{background:var(--md-surface-container-low);border-bottom:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent);scrollbar-width:none;flex-shrink:0;align-items:center;gap:6px;min-height:52px;padding:6px 12px;display:flex;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar .title{flex-shrink:0;align-items:center;gap:8px;padding-right:8px;font-size:1rem;font-weight:600;display:flex}.toolbar .title .icon{color:var(--md-primary);font-size:22px}.hintbar{background:var(--md-surface-container);border-top:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent);color:var(--md-on-surface-variant);white-space:nowrap;grid-area:hint;align-items:center;gap:12px;padding:0 12px;font-size:.786rem;display:flex;overflow:hidden}.hintbar .hint-text{text-overflow:ellipsis;flex:1;overflow:hidden}.hintbar .hint-text b{color:var(--md-on-surface);font-weight:500}.hintbar .stat{align-items:center;gap:4px;display:flex}.hintbar .stat .icon{font-size:15px}.hintbar a{color:var(--md-primary);text-decoration:none}.knob{cursor:ns-resize;touch-action:none;outline:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.knob svg{display:block;overflow:visible}.knob .knob-label{color:var(--md-on-surface-variant);letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:.68rem;font-weight:500;line-height:1;overflow:hidden}.knob .knob-value{font-size:.7rem;font-family:var(--mono);color:var(--md-on-surface);height:12px;line-height:1}.knob:focus-visible svg{filter:drop-shadow(0 0 3px var(--md-primary))}canvas.meter{border-radius:3px;display:block}.drop-target{outline:2px dashed var(--md-primary);outline-offset:-4px;background:color-mix(in srgb, var(--md-primary) 8%, transparent)!important}.popover{z-index:950;background:var(--md-surface-container-high);border-radius:var(--shape-lg);box-shadow:var(--elev-3);animation:menu-in var(--dur-m) var(--ease-decel);padding:16px;position:fixed}.float{z-index:800;background:var(--md-surface-container-high);border-radius:var(--shape-lg);box-shadow:var(--elev-4);min-width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);animation:dialog-in var(--dur-m) var(--ease-decel);flex-direction:column;display:flex;position:fixed;overflow:hidden}.float-head{cursor:move;background:var(--md-surface-container-highest);flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 8px 0 16px;display:flex}.float-head .swatch{border-radius:4px;width:12px;height:12px}.float-body{padding:16px;overflow:auto}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--md-on-surface-variant);padding:4px;font-size:.72rem;font-weight:600}@media (max-width:900px){.app{grid-template-columns:var(--rail-w) 0 minmax(0, 1fr) 0!important}.sheet{right:0;top:var(--topbar-h);bottom:var(--hint-h);width:min(520px, calc(100vw - var(--rail-w)));z-index:760;box-shadow:var(--elev-4);position:fixed}.app .browser.open{left:var(--rail-w);top:var(--topbar-h);bottom:var(--hint-h);z-index:700;box-shadow:var(--elev-3);position:fixed}.hide-narrow{display:none!important}}@media (max-width:640px){:root{--rail-w:64px}.rail-item .fkey{display:none}}.swatch{border-radius:5px;flex-shrink:0;width:14px;height:14px}.pattern-pick{border-radius:var(--shape-sm);border:1px solid var(--md-outline-variant);background:var(--md-surface-container-high);flex-shrink:0;align-items:center;gap:8px;max-width:220px;height:36px;padding:0 6px 0 12px;font-size:.9rem;font-weight:500;display:inline-flex}.pattern-pick .pc-dot{background:var(--pc,var(--md-primary));border-radius:4px;flex-shrink:0;width:12px;height:12px}.mini-tog{border:1px solid var(--md-outline-variant);width:24px;height:22px;color:var(--md-on-surface-variant);background:0 0;border-radius:6px;flex-shrink:0;padding:0;font-size:.7rem;font-weight:700}.mini-tog.on-mute{background:var(--md-error);color:var(--md-on-error);border-color:#0000}.mini-tog.on-solo{background:var(--md-tertiary);color:var(--md-on-tertiary);border-color:#0000}.hover-show{opacity:0;transition:opacity var(--dur-s)}.li:hover .hover-show{opacity:.8}.form-row{color:var(--md-on-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.knob-grid{flex-wrap:wrap;align-items:flex-start;gap:14px 16px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.two-col{grid-template-columns:1fr}}.rack{flex-direction:column;gap:4px;min-width:100%;display:inline-flex}.rack-row{border-radius:var(--shape-md);background:var(--md-surface-container-low);height:40px;transition:background var(--dur-s);align-items:center;gap:8px;padding:0 8px 0 6px;display:flex}.rack-row:hover{background:var(--md-surface-container)}.rack-row.sel{box-shadow:inset 0 0 0 2px var(--md-tertiary)}.rack-row .knob .knob-value,.rack-row .knob .knob-label{display:none}.rack-led{background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative}.rack-led .led-dot{background:var(--meter-green);width:12px;height:12px;box-shadow:0 0 6px color-mix(in srgb, var(--meter-green) 70%, transparent);border-radius:50%}.rack-led.muted .led-dot{background:var(--md-outline-variant);box-shadow:none}.rack-led.solo .led-dot{background:var(--md-tertiary);box-shadow:0 0 8px var(--md-tertiary)}.rack-led .led-flash{opacity:0;mix-blend-mode:overlay;background:#fff;border-radius:50%;transition:opacity 60ms;position:absolute;inset:2px}.rack-insert{border:1px solid var(--md-outline-variant);background:var(--md-surface-container-lowest);width:30px;height:26px;font-family:var(--mono);color:var(--md-on-surface-variant);border-radius:8px;flex-shrink:0;padding:0;font-size:.75rem}.rack-name{background:color-mix(in srgb, var(--ch) 22%, var(--md-surface-container-highest));text-align:left;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;width:150px;height:30px;padding:0 8px 0 14px;font-size:.86rem;font-weight:500;display:flex;position:relative;overflow:hidden}.rack-name .stripe{background:var(--ch);width:5px;position:absolute;top:0;bottom:0;left:0}.rack-name .kind{opacity:.55}.steps{flex-shrink:0;gap:2px;display:flex}.step{background:var(--md-surface-container-highest);cursor:pointer;width:28px;height:32px;transition:transform 80ms var(--ease), background 80ms;border:none;border-radius:6px;padding:0;position:relative;overflow:hidden}.step:hover{filter:brightness(1.25)}.step:active{transform:scale(.92)}.step.on{background:var(--ch);opacity:var(--v);box-shadow:0 0 10px color-mix(in srgb, var(--ch) 50%, transparent)}.step .vel{background:#00000059;position:absolute;bottom:0;left:0;right:0}.rack-play{pointer-events:none;background:color-mix(in srgb, var(--md-on-surface) 22%, transparent);opacity:0;border-radius:6px;width:28px;transition:opacity .12s;position:absolute;top:0;left:0}.miniroll{border:1px dashed var(--md-outline-variant);background:var(--md-surface-container-lowest);border-radius:6px;flex-shrink:0;height:32px;padding:0}.rack-add{border-radius:var(--shape-md);border:1px dashed var(--md-outline-variant);height:40px;color:var(--md-on-surface-variant);background:0 0;align-items:center;gap:8px;margin-top:4px;padding:0 16px;font-weight:500;display:flex}.pr-wrap,.pl-wrap{min-height:120px;position:relative;overflow:hidden}.pr-scroll,.pl-scroll{touch-action:none;position:absolute;inset:0;overflow:auto}.pr-canvas,.pl-canvas{pointer-events:none;position:absolute;top:0;left:0}.pr-vel{border-top:1px solid var(--md-outline-variant);flex-shrink:0;position:relative}.pr-vel canvas{cursor:ns-resize;display:block}.pl-heads{pointer-events:none;position:absolute;bottom:0;left:0;overflow:hidden}.pl-heads>div{pointer-events:auto}.pl-head{box-sizing:border-box;background:var(--md-surface-container-low);border-bottom:1px solid var(--md-outline-variant);border-right:1px solid var(--md-outline-variant);align-items:center;gap:6px;padding:0 8px 0 0;display:flex}.pl-head .tc{background:var(--tc);flex-shrink:0;align-self:stretch;width:6px;margin-right:4px}.pl-head.muted{opacity:.55}.pl-addtrack{width:100%;height:36px;color:var(--md-on-surface-variant);background:0 0;border:none;align-items:center;gap:4px;padding:0 12px;font-size:.8rem;display:flex}.pl-corner{background:var(--md-surface-container);border-right:1px solid var(--md-outline-variant);align-items:center;padding:0 12px;display:flex;position:absolute;top:0;left:0}.brushes{scrollbar-width:none;max-width:46vw;overflow-x:auto}.brush{border:1px solid var(--md-outline-variant);white-space:nowrap;height:30px;box-shadow:inset 4px 0 0 var(--pc);background:0 0;border-radius:8px;flex-shrink:0;padding:0 12px 0 10px;font-size:.8rem;font-weight:500}.brush.on{background:color-mix(in srgb, var(--pc) 30%, var(--md-surface-container-high));border-color:var(--pc)}.mixer{min-height:0;display:flex}.strips{flex:1;align-items:flex-start;gap:6px;min-width:0;padding:12px;display:flex;overflow:auto}.strip{border-radius:var(--shape-lg);background:var(--md-surface-container-low);cursor:pointer;border:1px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:84px;padding:8px 6px 10px;display:flex}.strip.sel{background:var(--md-surface-container-high);border-color:var(--md-primary)}.strip.master{background:color-mix(in srgb, var(--md-primary) 8%, var(--md-surface-container-low));width:96px}.strip.muted{opacity:.6}.strip-head{border-top:4px solid var(--sc);border-radius:4px;flex-direction:column;align-items:center;gap:2px;width:100%;padding-top:4px;display:flex}.strip-num{font-family:var(--mono);color:var(--md-on-surface-variant);font-size:.7rem}.strip-name{text-align:center;max-width:100%;font-size:.78rem;font-weight:600}.strip-fx{flex-direction:column;gap:2px;width:100%;min-height:58px;display:flex}.fx-pill{background:var(--md-secondary-container);color:var(--md-on-secondary-container);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:.66rem;overflow:hidden}.fx-pill.off{opacity:.4;text-decoration:line-through}.fx-pill.empty{color:var(--md-outline);background:0 0}.strip-body{align-items:flex-end;gap:6px;display:flex}.strip-db{color:var(--md-on-surface-variant);font-size:.74rem}.strip-route{border:1px solid var(--md-outline-variant);height:24px;color:var(--md-on-surface-variant);background:0 0;border-radius:6px;align-items:center;gap:2px;padding:0 6px;font-size:.7rem;display:flex}.fader{cursor:ns-resize;touch-action:none;width:26px;position:relative}.fader-track{background:var(--md-surface-container-lowest);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:11px}.fader-zero{background:var(--md-outline);height:1px;position:absolute;left:3px;right:3px}.fader-cap{background:var(--md-on-surface);width:26px;height:24px;box-shadow:var(--elev-2), inset 0 -2px 0 #0003;border-radius:8px;position:absolute;left:0}.fader-cap:after{content:"";background:var(--sc,var(--md-primary));border-radius:1px;height:2px;position:absolute;top:11px;left:5px;right:5px}.fxrack{border-left:1px solid var(--md-outline-variant);background:var(--md-surface-container-low);flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow-y:auto}.fx-list{flex-direction:column;gap:2px;padding:4px 8px;display:flex}.fx-slot{border-radius:var(--shape-sm);cursor:pointer;align-items:center;gap:8px;height:40px;padding:0 4px 0 6px;display:flex}.fx-slot:hover{background:var(--md-surface-container)}.fx-power{background:var(--md-surface-container-highest);width:26px;height:26px;color:var(--md-outline);border:none;border-radius:50%;place-items:center;padding:0;display:grid}.fx-power.on{background:var(--meter-green);color:#00391c}.fx-editor{border-top:1px solid var(--md-outline-variant);padding:12px 14px 16px}@media (max-width:900px){.fxrack{width:280px}}.browser-list{padding:4px 4px 12px}.browser-list .li{border-radius:var(--shape-sm);min-height:34px}.browser-list .li.item{padding-left:28px;font-size:.88rem}.browser-list .li.folder .icon{font-size:18px}.lib-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 4px;display:flex}.lib-fams{scrollbar-width:none;flex-shrink:0;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:8px;padding:8px 16px 24px;display:grid}.lib-card{border-radius:var(--shape-md);background:var(--md-surface-container-low);align-items:center;gap:12px;min-width:0;padding:10px 8px 10px 10px;display:flex}.lib-card:hover{background:var(--md-surface-container)}.lib-icon{background:var(--md-surface-container-highest);width:40px;height:40px;color:var(--md-on-surface-variant);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lib-foot{border-top:1px solid var(--md-outline-variant);padding:8px 16px}.dl-banner{border-radius:var(--shape-md);background:var(--md-primary-container);color:var(--md-on-primary-container);align-items:center;gap:12px;margin:12px 16px 0;padding:12px 16px;display:flex}.chan-editor .knob-grid{gap:12px 14px}.osc-block,.env-block{background:var(--md-surface-container);border-radius:var(--shape-md);padding:10px 12px}.wave-box{border-radius:var(--shape-md);cursor:ew-resize;overflow:hidden}.wave-box canvas{display:block}.minikeys{align-items:center;gap:6px;margin-top:16px;display:flex}.mk-keys{flex:1;min-width:0;height:64px;display:flex}.mk-white{border:1px solid var(--md-outline-variant);cursor:pointer;color:#49454f;background:#f3edf7;border-radius:0 0 6px 6px;flex:1;justify-content:center;align-items:flex-end;margin-right:-1px;padding-bottom:3px;font-size:.6rem;display:flex;position:relative}.mk-white.on,.mk-black.on{background:var(--md-primary)!important}.mk-black{z-index:2;background:#1d1b20;border-radius:0 0 4px 4px;width:60%;height:60%;position:absolute;top:0;right:-30%}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tpl{border-radius:var(--shape-lg);border:1px solid var(--md-outline-variant);background:var(--md-surface-container);text-align:left;color:var(--md-on-surface);flex-direction:column;align-items:flex-start;gap:6px;padding:18px;display:flex}.tpl .icon{color:var(--md-primary);margin-bottom:4px}.proj-list{flex-direction:column;gap:2px;display:flex}.proj-row{border-radius:var(--shape-md);cursor:pointer;color:var(--md-on-surface);align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.proj-row:hover{background:var(--md-surface-container-highest)}.proj-row.on{background:var(--md-secondary-container)}.seed{border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0}.seed.on{border-color:var(--md-on-surface);box-shadow:0 0 0 2px var(--md-surface-container-high) inset}.seed.custom{background:var(--md-surface-container-highest);place-items:center;display:grid;position:relative;overflow:hidden}.seed.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.shortcut-grid{color:var(--md-on-surface);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px 32px;display:grid}.legal h4{color:var(--md-on-surface);margin:16px 0 4px}.legal p,.legal ul{margin:4px 0}.legal a,.dialog a{color:var(--md-primary)}.palette{width:min(640px,100%);max-height:70vh}.palette-list{padding:0 8px 8px}.palette .menu-item{border-radius:var(--shape-sm)}.palette .menu-item.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.auto-box{border-radius:var(--shape-md);cursor:crosshair;overflow:hidden}.auto-box canvas{display:block}.welcome{width:min(860px,100%)}.welcome-hero{color:var(--md-on-surface);align-items:center;gap:20px;padding:32px 32px 8px;display:flex}.welcome-steps{color:var(--md-on-surface);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 32px;display:grid}.welcome-steps .card{background:var(--md-surface-container)}.step-num{background:var(--md-primary);width:24px;height:24px;color:var(--md-on-primary);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.scope{border-radius:var(--shape-sm);cursor:pointer;flex-shrink:0;width:132px;height:40px}.dock-close{z-index:3;position:absolute;top:10px;right:8px}.file-drop{z-index:1300;border-radius:var(--shape-xl);border:3px dashed var(--md-primary);background:color-mix(in srgb, var(--md-surface) 88%, transparent);pointer-events:none;color:var(--md-on-surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur-s);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:12px}.file-drop .icon{color:var(--md-primary)}.busy-chip{right:16px;bottom:calc(var(--hint-h) + 16px);z-index:1100;border-radius:var(--shape-full);background:var(--md-surface-container-highest);box-shadow:var(--elev-3);align-items:center;gap:10px;padding:10px 16px;font-size:.86rem;display:flex;position:fixed}.toolbar>span{white-space:nowrap}.mobile-play{right:16px;bottom:calc(var(--hint-h) + 16px);z-index:650;display:none;position:fixed}@media (max-width:640px){.mobile-play{display:inline-flex}.pl-head .mini-tog{display:none}}@keyframes view-in{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pill-in{0%{opacity:.4;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@keyframes sheet-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes ripple{0%{opacity:.28;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--md-primary) 0%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--md-primary) 28%, transparent)}}@keyframes eq-bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.ripple-host{position:relative;overflow:hidden}.ripple{pointer-events:none;animation:ripple .52s var(--ease-decel) forwards;z-index:0;background:currentColor;border-radius:50%;position:absolute}.main>.pane:first-child,.pane.dock>.pane{animation:view-in .26s var(--ease-decel)}.pane.dock{animation:rise-in .3s var(--ease-decel)}.rail-item.on .pill{animation:pill-in .32s var(--ease-decel)}.rail-item .pill .icon{transition:transform var(--dur-m) var(--ease)}.rail-item:active .pill .icon{transform:scale(.88)}.rail-item.on .pill .icon{transform:translateY(0)}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;display:grid}.tb-zone{align-items:center;gap:6px;min-width:0;display:flex}.tb-left{justify-self:start}.tb-center{justify-self:center;gap:10px}.tb-right{justify-self:end}@media (max-width:1280px){.topbar{display:flex}.tb-zone{flex-shrink:0}.tb-right{margin-left:auto}.topbar .scope{display:none}}@media (max-width:1100px){.brand-proj,.brand>.icon{display:none}.tb-center .seg>button{gap:0;padding:0 10px;font-size:0}.tb-center .seg>button .icon{font-size:20px}.tb-center>.pattern-pick,.lcd>.icon-btn,.tb-right .btn .icon+*{display:none}}.play-btn .icon{transition:transform var(--dur-m) var(--ease)}.play-btn:active .icon{transform:scale(.85)}.topbar.is-playing .brand-mark{background:linear-gradient(120deg, var(--md-primary), var(--md-tertiary), var(--md-primary));background-size:200% 100%;animation:2.4s linear infinite shimmer}.transport{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-outline-variant) 50%, transparent)}.rack-scroll{padding:16px 20px 28px}.rack{gap:6px;width:100%;display:flex}.rack-row{height:44px;animation:rise-in .26s var(--ease-decel) both;transition:background var(--dur-s), box-shadow var(--dur-m) var(--ease), transform var(--dur-s) var(--ease);gap:10px;padding:0 10px 0 8px}.rack-row:hover{transform:translate(1px)}.steps{flex:auto;min-width:0;max-width:1180px}.step{min-width:18px;max-width:48px;height:34px;transition:transform 90ms var(--ease), background 90ms, box-shadow var(--dur-m) var(--ease), opacity 90ms;border-radius:8px;flex:1 1 0}.step:nth-child(4n){margin-right:8px}.step:last-child{margin-right:0}.step.on{animation:pop .22s var(--ease-decel)}.rack-play{transition:transform 70ms linear, opacity var(--dur-s);background:color-mix(in srgb, var(--md-primary) 24%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--md-primary) 35%, transparent);border-radius:8px;top:0}.miniroll{flex:auto;min-width:0;max-width:1180px;height:34px}.miniroll svg{width:100%;height:100%}.rack-name{width:168px}.rack-add{transition:background var(--dur-s), border-color var(--dur-s)}.rack-add:hover{border-color:var(--md-primary);color:var(--md-primary)}.toolbar{gap:8px;min-height:56px;padding:8px 16px}.toolbar .seg,.toolbar .chip,.toolbar .pattern-pick{transition:background var(--dur-s), border-color var(--dur-s)}.sheet{background:var(--md-surface-container-low);border-left:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent);min-width:0;min-height:0;animation:sheet-in .32s var(--ease-decel);flex-direction:column;grid-area:sheet;display:flex;overflow:hidden}.sheet-head{background:linear-gradient(90deg, color-mix(in srgb, var(--ch,var(--md-primary)) 22%, var(--md-surface-container)), var(--md-surface-container) 70%);border-bottom:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent);flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 8px 0 18px;display:flex}.sheet-head .swatch{width:14px;height:14px;box-shadow:0 0 10px var(--ch);border-radius:5px}.sheet-body{flex:1;padding:18px;overflow:auto}.sheet-body>*{animation:rise-in .28s var(--ease-decel) both}.sheet .two-col{grid-template-columns:1fr}@media (min-width:1500px){.sheet .two-col{grid-template-columns:1fr 1fr}}.lib-card,.idea-card,.tpl{animation:rise-in .28s var(--ease-decel) both;transition:transform var(--dur-m) var(--ease), box-shadow var(--dur-m) var(--ease), background var(--dur-s)}.lib-card:hover,.idea-card:hover,.tpl:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.lib-card.playing,.idea-card.playing{box-shadow:0 0 0 2px var(--md-primary), var(--elev-2)}.lib-card .lib-icon{transition:background var(--dur-m), color var(--dur-m), transform var(--dur-m) var(--ease)}.lib-card:hover .lib-icon{transform:rotate(-6deg)scale(1.05)}.lib-card.playing .lib-icon{background:var(--md-primary);color:var(--md-on-primary)}.icon-btn.pulse{animation:1s ease-in-out infinite glow}.li.item{transition:background var(--dur-s), padding var(--dur-s) var(--ease)}.li.item.on .icon{color:var(--md-primary)}.li.item .add-btn{opacity:0;transition:opacity var(--dur-s)}.li.item:hover .add-btn,.li.item:focus-within .add-btn{opacity:1}.strip{transition:background var(--dur-s), border-color var(--dur-m) var(--ease), transform var(--dur-m) var(--ease)}.strip:hover{transform:translateY(-2px)}.fx-slot{transition:background var(--dur-s);animation:rise-in .22s var(--ease-decel) both}.ideas{color:var(--md-on-surface);flex-direction:column;gap:12px;min-height:0;display:flex}.ideas-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ideas-genres{flex-wrap:wrap;gap:6px;display:flex}.ideas-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding-bottom:8px;display:grid}.idea-card{border-radius:var(--shape-lg);background:var(--md-surface-container);flex-direction:column;gap:10px;padding:14px;display:flex}.idea-icon{color:var(--md-on-primary-container);background:var(--md-primary-container);border-radius:12px;padding:8px}.idea-preview{background:var(--md-surface-container-lowest);border-radius:10px;width:100%;height:64px;display:block}.idea-desc{min-height:32px}.welcome-steps .card{animation:rise-in .36s var(--ease-decel) both}.welcome-steps .card:nth-child(2){animation-delay:60ms}.welcome-steps .card:nth-child(3){animation-delay:.12s}.welcome-steps .card:nth-child(4){animation-delay:.18s}.eq-anim{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq-anim i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:100%;animation:.8s ease-in-out infinite eq-bars}.eq-anim i:nth-child(2){animation-delay:.2s}.eq-anim i:nth-child(3){animation-delay:.4s}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.ripple{display:none}}.illu{filter:drop-shadow(0 6px 16px color-mix(in srgb, var(--md-shadow,#000) 18%, transparent));display:block;overflow:visible}.illu-pop{transform-box:fill-box;transform-origin:50%;animation:pop .6s var(--ease-decel) both}.illu-bob{transform-box:fill-box;animation:2.6s ease-in-out infinite bob}.illu-slide{transform-box:fill-box;animation:slide-in .5s var(--ease-decel) both}.illu-sweep{animation:3s linear infinite sweep}.illu-eq{transform-box:fill-box;transform-origin:bottom;animation:.9s ease-in-out infinite eq-bars}.illu-twinkle{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite twinkle}.illu-pulse{animation:1.2s ease-in-out infinite blink}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-14px)}}@keyframes sweep{0%{transform:translate(-70px)}to{transform:translate(50px)}}@keyframes twinkle{50%{opacity:.4;transform:scale(.4)}}@keyframes blink{50%{opacity:.25}}.empty .illu{margin-bottom:4px}.save-chip{border-radius:var(--shape-full);background:var(--md-surface-container-highest);height:30px;color:var(--md-on-surface-variant);transition:background var(--dur-m) var(--ease), color var(--dur-m);border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:.78rem;font-weight:500;display:inline-flex}.save-chip .icon{font-size:18px}.save-chip.saving .icon,.save-chip.syncing .icon{animation:1.1s linear infinite spin}.save-chip.synced{background:color-mix(in srgb, var(--md-primary) 16%, var(--md-surface-container-highest));color:var(--md-primary)}.save-chip.error{background:var(--md-error-container);color:var(--md-on-error-container)}.save-chip.flash{animation:pop .38s var(--ease-decel)}.hub .dialog-body{min-height:0;padding:0;display:flex}.hub-layout{min-height:0;color:var(--md-on-surface);flex:1;display:flex}.hub-nav{flex-direction:column;flex-shrink:0;gap:4px;width:230px;padding:4px 12px 16px 20px;display:flex}.hub-new{border-radius:var(--shape-lg);background:var(--md-primary-container);height:52px;color:var(--md-on-primary-container);box-shadow:var(--elev-1);transition:box-shadow var(--dur-s), transform var(--dur-m) var(--ease);border:none;align-items:center;gap:10px;margin-bottom:10px;padding:0 20px 0 16px;font-size:.95rem;font-weight:600;display:flex}.hub-new:hover{box-shadow:var(--elev-3);transform:translateY(-1px)}.hub-main{flex:1;min-width:0;padding:4px 24px 24px 8px;overflow:auto}.save-summary{border-radius:var(--shape-md);background:var(--md-surface-container);color:var(--md-on-surface-variant);flex-direction:column;gap:4px;margin-bottom:8px;padding:10px 12px;display:flex}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.proj-card{border-radius:var(--shape-lg);background:var(--md-surface-container);cursor:pointer;animation:rise-in .28s var(--ease-decel) both;transition:transform var(--dur-m) var(--ease), box-shadow var(--dur-m) var(--ease);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.proj-card:hover,.proj-card:focus-visible{box-shadow:var(--elev-3);transform:translateY(-3px)}.proj-card.current{box-shadow:0 0 0 2px var(--md-primary)}.proj-card.skeleton{background:linear-gradient(90deg, var(--md-surface-container) 0%, var(--md-surface-container-high) 50%, var(--md-surface-container) 100%);background-size:200% 100%;height:170px;animation:1.4s linear infinite shimmer}.proj-thumb{background:var(--md-surface-container-lowest);height:110px;color:var(--md-outline);place-items:center;display:grid}.proj-thumb svg{width:100%;height:100%;display:block}.proj-thumb.cloud{color:var(--md-primary);background:color-mix(in srgb, var(--md-primary) 8%, var(--md-surface-container-lowest))}.proj-info{align-items:center;gap:6px;padding:10px 6px 12px 14px;display:flex}.proj-badges{gap:6px;display:flex;position:absolute;top:8px;left:8px}.badge-pill{background:color-mix(in srgb, var(--md-surface) 80%, transparent);height:22px;color:var(--md-on-surface-variant);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:11px;align-items:center;gap:4px;padding:0 8px;font-size:.7rem;font-weight:600;display:inline-flex}.tpl{position:relative;overflow:hidden}.tpl-icon{background:var(--md-primary-container);width:52px;height:52px;color:var(--md-on-primary-container);transition:transform var(--dur-m) var(--ease), border-radius var(--dur-m) var(--ease);border-radius:16px;place-items:center;margin-bottom:6px;display:grid}.tpl:hover .tpl-icon{border-radius:26px;transform:rotate(-8deg)scale(1.06)}.tpl-bpm{color:var(--md-on-surface-variant);position:absolute;top:16px;right:16px}@media (max-width:760px){.hub-layout{flex-direction:column}.hub-nav{flex-flow:wrap;width:auto;padding:0 16px 8px}.hub-nav .spacer,.save-summary{display:none}.hub-main{padding:0 16px 16px}}.pl-empty{text-align:center;border-radius:var(--shape-xl);background:color-mix(in srgb, var(--md-surface-container) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--elev-2);max-width:420px;animation:rise-in .4s var(--ease-decel);z-index:4;pointer-events:auto;flex-direction:column;align-items:center;gap:10px;padding:28px 32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-30%,-50%)}.knob{position:relative}.knob svg{transition:transform var(--dur-s) var(--ease)}.knob:active svg{transform:scale(1.08)}.knob-bubble{z-index:20;pointer-events:none;white-space:nowrap;border-radius:var(--shape-full);background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);font:600 .78rem var(--mono);box-shadow:var(--elev-2);animation:pop .18s var(--ease-decel);padding:4px 10px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.snackbar{border-radius:var(--shape-md)}.mcp{color:var(--md-on-surface);flex-direction:column;gap:10px;display:flex}.mcp-hero{align-items:center;gap:20px;padding:8px 0 12px;display:flex}.mcp-hero p{color:var(--md-on-surface-variant)}.token-box{border-radius:var(--shape-md);background:var(--md-primary-container);color:var(--md-on-primary-container);animation:pop .3s var(--ease-decel);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.token-box code{font:600 .9rem var(--mono)}.code-block{border-radius:var(--shape-md);background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);padding:6px 6px 10px 14px}.code-block pre{font:.8rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;color:var(--md-on-surface);-webkit-user-select:text;user-select:text;margin:0}.mcp-tools{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.mcp-tool{border-radius:var(--shape-md);background:var(--md-surface-container);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mcp-tool code{font:600 .8rem var(--mono);color:var(--md-primary)}@media (max-width:640px){.mcp-hero{text-align:center;flex-direction:column}}.app{background:var(--md-surface-container);--pane-r:24px;--gutter:10px}.topbar{background:0 0;border-bottom:none;padding:0 16px 0 10px}.rail{background:0 0;padding-top:8px}.hintbar{background:0 0;border-top:none;padding:0 18px}.browser,.main,.sheet{border-radius:var(--pane-r);border:none;margin-bottom:2px;overflow:hidden}.browser{margin-right:var(--gutter);background:var(--md-surface-container-low)}.main{background:var(--md-surface);box-shadow:0 1px 2px color-mix(in srgb, var(--md-shadow,#000) 10%, transparent);margin-right:12px}.sheet{background:var(--md-surface-container-low);border-left:none;margin-left:0;margin-right:12px}.app[style*="var(--sheet-w)"] .main{margin-right:var(--gutter)}.resize-x{right:-9px}.resize-x:hover,.resize-x.active{background:0 0}.resize-x:after{content:"";background:var(--md-outline-variant);opacity:0;width:4px;height:40px;transition:opacity var(--dur-s);border-radius:2px;margin-top:-20px;position:absolute;top:50%;left:2px}.browser:hover .resize-x:after,.resize-x.active:after{opacity:1}.toolbar{background:0 0;border-bottom:none;padding:10px 18px 6px}.pane{background:0 0}.pane.dock{background:var(--md-surface-container-low);border-top:none;border-radius:18px;margin:0 8px 8px}.resize-y:after{width:40px;margin-left:-20px}.transport{background:var(--md-surface-container-high);box-shadow:none}.lcd{background:var(--md-surface-container-high);border-radius:var(--shape-lg);border:none}.lcd-cell .v{color:var(--md-on-surface)}.lcd-cell:hover{background:var(--md-surface-container-highest)}.seg{border-color:var(--md-outline-variant)}.seg>button{border-right-color:var(--md-outline-variant)}.save-chip{background:0 0}.save-chip.synced{color:var(--md-on-surface-variant);background:0 0}.brand-mark{background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:none}.topbar.is-playing .brand-mark{background:var(--md-primary-container);animation:none}.topbar.is-playing .play-btn{animation:none}.rail-item.on .pill{background:var(--md-secondary-container)}.btn.filled{box-shadow:none}.fab{box-shadow:var(--elev-2)}.rack-row{background:var(--md-surface-container-low);border-radius:16px}.rack-row:hover{background:var(--md-surface-container);transform:none}.rack-row.focus{background:var(--md-surface-container);box-shadow:inset 3px 0 0 var(--md-primary)}.step{background:var(--md-surface-container-highest);border-radius:10px}.step.g1{background:color-mix(in srgb, var(--md-surface-container-highest) 80%, var(--md-on-surface) 6%)}.step.on{opacity:1;filter:saturate(.85);box-shadow:none;background:color-mix(in srgb, var(--ch) calc(var(--v) * 100%), var(--md-surface-container-highest))}.rack-play{background:color-mix(in srgb, var(--md-on-surface) 14%, transparent);box-shadow:none}.rack-name{background:color-mix(in srgb, var(--ch) 16%, var(--md-surface-container-high));border-radius:12px}.rack-led .led-dot{background:var(--md-primary);box-shadow:none}.rack-insert{background:0 0;border-radius:10px}.strip{background:var(--md-surface-container-low);border-radius:20px}.strip.sel{background:var(--md-surface-container-high);box-shadow:inset 0 0 0 2px var(--md-primary);border-color:#0000}.strip.master{background:var(--md-surface-container)}.fxrack{background:0 0;border-left:none}.fx-slot.on{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.lib-card,.idea-card,.proj-card,.tpl{background:var(--md-surface-container-low)}.lib-card:hover,.idea-card:hover,.proj-card:hover,.tpl:hover{background:var(--md-surface-container);box-shadow:var(--elev-1);transform:translateY(-1px)}.lib-card.installed .lib-icon,.idea-icon,.dl-banner{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.ideas-chip{border-color:var(--md-outline-variant);color:var(--md-on-surface-variant)}.hub-new{background:var(--md-primary-container);box-shadow:none}.badge-pill.on{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.illu{filter:none}.dialog{background:var(--md-surface-container-high)}.menu{border-radius:16px;padding:8px}.menu-item{border-radius:10px}.browser .tabs{border-bottom:none;padding:0 8px!important}.browser .tab.on:after{left:22px;right:22px}.li.item:hover{padding-left:28px}.pl-corner,.pl-head{background:0 0}.pl-head{border-right:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent)}.pr-vel{border-top:1px solid color-mix(in srgb, var(--md-outline-variant) 60%, transparent)}@media (max-width:900px){.browser,.sheet{border-radius:0 var(--pane-r) var(--pane-r) 0;margin:0}.main{margin-right:8px}}@media (max-width:640px){.main{border-radius:18px;margin-right:6px}}.idea-card.starter{background:color-mix(in srgb, var(--md-secondary-container) 45%, var(--md-surface-container-low))}.starter-parts{flex-wrap:wrap;gap:4px;min-height:32px;display:flex}.starter-parts .chip{height:24px;padding:0 8px;font-size:.72rem}.ideas-bar{gap:8px}