@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;--rail-w:80px;--hint-h:28px;--row-h:40px;--pad:12px;--md-primary:#cfbcff;--md-on-primary:#381e72;--md-surface:#141218;--md-on-surface:#e6e0e9;--md-surface-container:#211f26;--md-surface-container-low:#1d1b20;--md-surface-container-lowest:#0f0d13;--md-surface-container-high:#2b2930;--md-surface-container-highest:#36343b;--md-on-surface-variant:#cac4d0;--md-outline:#938f99;--md-outline-variant:#49454f;--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-D6TYqPw4.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 1fr;background:var(--md-surface-container-lowest);grid-template-areas:"top top top""rail browser main""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:hover{background:var(--md-surface-container)}.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}.resize-x:hover,.resize-x.active{background:color-mix(in srgb, var(--md-primary) 40%, transparent)}.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 1fr}.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-scroll{padding:12px 16px 24px}.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.focus{background:var(--md-surface-container-high);box-shadow:inset 3px 0 0 var(--md-primary)}.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.g1{background:color-mix(in srgb, var(--md-surface-container-highest) 70%, var(--md-primary) 12%)}.step:nth-child(4n){margin-right:6px}.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-slot.on{background:var(--md-secondary-container);color:var(--md-on-secondary-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-card.installed .lib-icon{background:var(--md-primary-container);color:var(--md-on-primary-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}}