:root{--bg:#16181d;--bg-2:#1d2027;--bg-3:#252932;--bg-4:#2e333e;--line:#505869;--line-soft:#363c48;--text:#e6e8ec;--text-dim:#9aa2b1;--accent:#5ad1b3;--accent-2:#ffb454;--danger:#ff6b6b;--step-off:#3a404c;--step-off-alt:#454c5b;--radius:6px;--hit:28px;--hit-sm:24px;--font:"Inter", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:coarse){:root{--hit:40px;--hit-sm:36px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}button{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;min-height:var(--hit);padding:4px 10px}button:hover:not(:disabled){background:var(--bg-4)}button:disabled{opacity:.4;cursor:default}button.active,button.active:hover:not(:disabled){background:var(--accent);color:#0b1d18;border-color:var(--accent)}input[type=number],input[type=text],select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:3px 6px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon{flex:none;display:block}.btn-icon{justify-content:center;align-items:center;gap:5px;display:inline-flex}.icon-btn{min-width:var(--hit);place-items:center;padding:0 6px;display:inline-grid}.app{flex-direction:column;height:100dvh;display:flex}.app.compact{--app-bottom:56px}.transport{background:var(--bg-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.transport-group{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.project-name{border-radius:var(--radius);background:0 0;border:1px solid #0000;width:110px;padding:4px 6px;font-size:14px;font-weight:600}.project-name:hover,.project-name:focus{border-color:var(--line);background:var(--bg)}.tp-play{place-items:center;width:40px;padding:0;display:inline-grid}.tp-stop{place-items:center;width:34px;padding:0;display:inline-grid}.mode-switch{display:flex}.mode-switch button{border-radius:0;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.mode-switch button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.mode-switch button:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}.bpm{color:var(--text-dim);align-items:center;gap:4px;display:flex}.bpm input{width:54px}.tp-timesig{font-family:var(--mono);padding:4px 5px;font-size:12px}.tp-timesig-pop{z-index:70;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;width:228px;padding:10px;display:flex;position:fixed;box-shadow:0 10px 30px #0000008c}.tp-timesig-fields{align-items:center;gap:6px;display:flex}.tp-timesig-fields select{min-height:28px;font-family:var(--mono);flex:1}.tp-timesig-slash{color:var(--text-dim);font-size:16px}.tp-timesig-common{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tp-timesig-common button{font-family:var(--mono);padding:4px 0}.tp-timesig-hint{color:var(--text-dim);margin:0;font-size:11px;line-height:1.35}:lang(zh) .tp-timesig-hint{font-size:12px}.position{font-family:var(--mono);background:var(--bg);border-radius:var(--radius);text-align:center;min-width:62px;color:var(--accent);padding:4px 6px}.panels-nav{gap:4px;margin-left:auto}.panels-nav button{padding:4px 5px}.panels-nav svg{display:block}.panels-nav .lang-toggle{color:var(--text-dim);white-space:nowrap;padding:4px;font-size:11px}:lang(zh) .panels-nav .lang-toggle{font-size:12px}.lang-toggle .on{color:var(--accent);font-weight:600}.tp-icon{min-width:var(--hit);place-items:center;padding:0 6px;display:inline-grid}@media (width<=1359.98px){.mode-switch .icon{display:none}}.transport.tp-desktop{flex-wrap:nowrap;overflow-x:clip}.transport.tp-desktop>*,.transport.tp-desktop .transport-group>*{flex-shrink:0}.transport.tp-desktop .transport-group{flex-wrap:nowrap}.tp-level-3 .mode-switch .icon,.tp-level-4 .mode-switch .icon{display:inline-block}.tp-level-3 .mode-switch .tp-label,.tp-level-4 .mode-switch .tp-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tp-sheet-desktop{top:calc(var(--hit) + 18px)}.tp-sheet-panels button{padding:4px 8px}.transport.compact{flex-wrap:nowrap;gap:6px;padding:6px 8px}.transport.compact .tp-play,.transport.compact .tp-stop,.transport.compact .tp-icon{width:var(--hit);min-width:var(--hit)}.transport.compact .bpm input{width:52px;min-height:var(--hit)}.transport.compact .position{flex:auto;min-width:0;max-width:96px;padding:4px 6px;overflow:hidden}.transport.compact .tp-more{margin-left:auto}.transport.compact .ps-file-button{white-space:nowrap;min-width:var(--hit);padding:4px 8px}.transport.compact .ps-status:not(.ps-status-error):not(.ps-status-conflict){clip-path:inset(50%);white-space:nowrap;width:1px;min-width:0;height:1px;position:absolute;overflow:hidden}.tp-sheet{top:calc(var(--hit) + 14px);z-index:40;width:min(340px,100vw - 16px);max-height:calc(100dvh - var(--hit) - 30px - var(--app-bottom,0px));background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:10px;display:flex;position:fixed;right:8px;overflow-y:auto;box-shadow:0 10px 30px #0000008c}.tp-sheet-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tp-sheet-label{width:100%;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px}:lang(zh) .tp-sheet-label{letter-spacing:0;font-size:12px}.tp-sheet .project-name{border-color:var(--line);background:var(--bg);width:100%;min-height:var(--hit)}.tp-sheet .in-menu{z-index:60}.knob{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:inline-flex}.knob-dial{border:1px solid var(--line);cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 50% 35%,#3b4250,#22262e);border-radius:50%;position:relative}.knob-inactive .knob-dial{opacity:.45}.audio-paused{border:0;border-bottom:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 25%, var(--bg-2));width:100%;color:var(--text);text-align:center;cursor:pointer;padding:6px 8px;display:block}.knob-indicator{background:var(--accent);transform-origin:50% 100%;border-radius:1px;width:2px;height:42%;margin-left:-1px;position:absolute;top:8%;left:50%}.knob-label{color:var(--text-dim);font-size:11px}:lang(zh) .knob-label{font-size:12px}@media (pointer:coarse){.knob-dial{min-width:32px;min-height:32px}}.panel-placeholder{color:var(--text-dim);padding:24px}@media (width<=720px){.transport{gap:8px;padding:6px 8px}.panels-nav{max-width:100%;margin-left:0;overflow-x:auto}.project-name{width:120px}.position{min-width:64px;padding:4px 6px}.transport button{padding:4px 8px}}@media (pointer:coarse){:where(input[type=checkbox]){width:22px;height:22px}:where(input[type=number],input[type=text],select){min-height:var(--hit)}}.lazy-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.lazy-loading:not(.lazy-failed){animation:.2s .15s both lazy-appear}.lazy-panel{height:100%;min-height:60px;padding:12px}.lazy-overlay{z-index:120;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);max-width:calc(100vw - 32px);padding:10px 14px;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #0006}.lazy-failed{color:var(--text);text-align:center;flex-wrap:wrap}.lazy-failed.lazy-overlay{border-color:var(--danger)}.lazy-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite lazy-spin}@keyframes lazy-spin{to{transform:rotate(360deg)}}@keyframes lazy-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lazy-spinner{animation-duration:2.4s}}.vh-panel{z-index:90;background:var(--bg-2);border-left:1px solid var(--line);width:min(420px,100vw);box-shadow:0 0 24px var(--bg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.vh-header{background:var(--bg-3);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:600;display:flex}.vh-close{background:0 0;border:none;min-height:0;padding:0 6px;font-size:16px}.vh-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 10px 16px;display:flex;overflow:auto}.vh-empty{color:var(--text-dim);padding:12px 0}.vh-hint{color:var(--text-dim);margin:0;font-size:11px}.vh-title{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.vh-save{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.vh-save input{flex:140px;min-width:0}.vh-primary{border-color:var(--accent);color:var(--accent)}.vh-ideas{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.vh-field{color:var(--text-dim);align-items:center;gap:6px;min-width:0;display:flex}.vh-field select{min-width:0;color:var(--text);flex:1}.vh-inline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vh-inline input{flex:140px;min-width:0}.vh-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vh-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.vh-actions button,.vh-toolbar button{min-height:26px;padding:2px 8px;font-size:12px}.vh-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vh-item{padding:6px 0 6px calc(var(--vh-depth,0) * 14px);border-top:1px solid var(--line);flex-direction:column;gap:4px;display:flex}.vh-item-main{align-items:flex-start;gap:6px;min-width:0;display:flex}.vh-item-main input{margin-top:3px}.vh-item-info{flex-direction:column;min-width:0;display:flex}.vh-item-name{overflow-wrap:anywhere;font-weight:600}.vh-item-date{color:var(--text-dim);overflow-wrap:anywhere;font-size:11px}.vh-seq{color:var(--text-dim);font-weight:400}.vh-head .vh-item-name{color:var(--accent)}.vh-inherited{opacity:.75}.vh-item .vh-actions{padding-left:22px}.vh-badge{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-dim);vertical-align:middle;margin-left:6px;padding:0 5px;font-size:10px;font-weight:400;display:inline-block}.vh-badge-saved{border-color:var(--accent);color:var(--accent)}.vh-badge-idea{border-color:var(--accent-2);color:var(--accent-2)}.vh-badge-latest{background:var(--bg-4);color:var(--text)}.vh-danger{border-color:var(--danger);color:var(--danger)}.vh-danger-text{color:var(--danger)}.vh-area h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:4px 0;font-size:11px}.vh-changes{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.vh-change{background:var(--bg-3);border-radius:var(--radius);border-left:3px solid var(--line);padding:4px 6px}.vh-change-added{border-left-color:var(--accent)}.vh-change-removed{border-left-color:var(--danger)}.vh-change-changed{border-left-color:var(--accent-2)}.vh-change-pick{cursor:pointer;align-items:flex-start;gap:6px;display:flex}.vh-change-pick input{margin-top:3px}.vh-change-text{overflow-wrap:anywhere;flex-wrap:wrap;gap:0 6px;min-width:0;display:flex}.vh-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);padding-top:2px;font-size:10px}.vh-type-added{color:var(--accent)}.vh-type-removed{color:var(--danger)}.vh-type-changed{color:var(--accent-2)}.vh-details{color:var(--text-dim);flex-direction:column;flex-basis:100%;font-size:11px;display:flex}.vh-toast{z-index:115;background:var(--bg-3);border:1px solid var(--accent);border-radius:var(--radius);align-items:center;gap:8px;max-width:calc(100vw - 16px);padding:6px 6px 6px 12px;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.vh-toast-error{border-color:var(--danger)}.vh-toast button{background:0 0;border:none;min-height:0;padding:0 6px}.ps-root{align-items:center;gap:6px;display:flex;position:relative}.ps-status{color:var(--text-dim);white-space:nowrap;min-width:56px;font-size:11px}.ps-status-saved{color:var(--accent)}.ps-status-error,.ps-status-conflict{color:var(--danger)}.ps-status-warning{color:var(--accent-2);white-space:normal}.ps-conflict{z-index:120;background:var(--bg-3);border:1px solid var(--accent-2);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 16px);padding:6px 10px;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.ps-hidden{display:none}.ps-menu{z-index:50;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);min-width:200px;max-width:calc(100vw - 16px);box-shadow:0 8px 24px var(--bg);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.ps-menu button{text-align:left;background:0 0;border-color:#0000}.ps-menu button:hover:not(:disabled){background:var(--bg-4)}.ps-menu-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:2px 10px;font-size:10px}.ps-menu .ps-menu-check{color:var(--text-dim);align-items:center;gap:8px;display:flex}.ps-check-box{border:1px solid var(--line);background:var(--bg);width:14px;height:14px;color:var(--accent);border-radius:3px;place-items:center;display:inline-grid}.ps-menu-check[aria-checked=true]{color:var(--text)}.ps-menu-radios{gap:2px;padding:0 4px;display:flex}.ps-menu .ps-menu-radios button{text-align:center;white-space:nowrap;border-color:var(--line);flex:1;padding:2px 6px;font-size:12px}.ps-menu .ps-menu-radios button.active,.ps-menu .ps-menu-radios button.active:hover:not(:disabled){background:var(--accent);color:var(--bg);border-color:var(--accent)}.ps-sep{background:var(--line);height:1px;margin:4px 0}.ps-backdrop,.ps-busy{z-index:100;background:color-mix(in srgb, var(--bg) 70%, transparent);justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.ps-dialog{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(560px,100vw - 16px);max-height:calc(100vh - 32px);display:flex;overflow:hidden}.ps-dialog-header{background:var(--bg-3);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:600;display:flex}.ps-close{background:0 0;border:none;min-height:0;padding:0 6px;font-size:16px}.ps-empty{color:var(--text-dim);padding:16px}.ps-list{margin:0;padding:0;list-style:none;overflow:auto}.ps-item{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.ps-current{background:var(--bg-3)}.ps-item-info{flex-direction:column;flex:160px;min-width:0;display:flex}.ps-item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ps-badge{color:var(--accent);font-weight:400}.ps-item-date{color:var(--text-dim);font-size:11px}.ps-item-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ps-rename{flex:200px;gap:4px;display:flex}.ps-rename input{flex:1;min-width:0}.ps-confirm{color:var(--danger)}.ps-danger{border-color:var(--danger);color:var(--danger)}.ps-busy-box{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 16px);padding:14px 20px;display:flex}.ps-progress{width:140px;accent-color:var(--accent)}.ps-progress-text{font-variant-numeric:tabular-nums;color:var(--text-dim)}.ps-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ps-spin}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-toast{z-index:110;background:var(--bg-3);border:1px solid var(--danger);border-radius:var(--radius);align-items:center;gap:8px;max-width:calc(100vw - 16px);padding:6px 6px 6px 12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.ps-toast button{background:0 0;border:none;min-height:0;padding:0 6px}.ps-restoring{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:16px;display:flex}.ps-shell{flex-direction:column;height:100dvh;display:flex}.ps-shell-main{flex:1;min-height:0}.ps-shell-main>.app{height:100%}.ps-banner{background:var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:1px;max-height:40vh;display:flex;overflow:auto}.ps-banner-line{background:var(--bg-3);border-left:4px solid var(--accent-2);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 10px;font-size:12px;display:flex}.ps-banner-line button{min-height:24px;padding:2px 8px}.ps-banner-error{border-left-color:var(--danger)}.ps-banner-info{border-left-color:var(--accent)}.ps-banner-text{overflow-wrap:anywhere;flex:220px;min-width:0}.ps-banner-ok{color:var(--accent)}.ps-banner-close{background:0 0;border:none;margin-left:auto}.ps-banner-details{color:var(--text-dim);overflow-wrap:anywhere;flex-basis:100%;margin:0;padding-left:18px}.ps-note{background:var(--bg-3);border-bottom:1px solid var(--line);color:var(--accent-2);padding:8px 10px}.ps-top{z-index:200}.ps-leave{width:min(460px,100vw - 16px)}.ps-leave-text{overflow-wrap:anywhere;margin:0;padding:12px 10px}.ps-leave-actions{flex-wrap:wrap;gap:6px;padding:0 10px 10px;display:flex}.ps-primary{border-color:var(--accent);color:var(--accent)}.ps-toast-info{border-color:var(--accent)}.ps-toast-action{color:var(--accent);border:1px solid var(--accent)!important}.ps-danger-text{color:var(--danger)}bdi{unicode-bidi:isolate}.ps-crash{background:var(--bg);justify-content:center;align-items:center;height:100%;padding:16px;display:flex;overflow:auto}.ps-crash-box{background:var(--bg-2);border:1px solid var(--danger);border-radius:var(--radius);flex-direction:column;gap:10px;width:min(560px,100%);padding:16px;display:flex}.ps-crash-box h1{margin:0;font-size:18px}.ps-crash-box p{margin:0}.ps-crash-error{background:var(--bg);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;max-height:30vh;margin:0;padding:8px;font-size:12px;overflow:auto}.ps-crash-actions{flex-wrap:wrap;gap:6px;display:flex}.in-root{align-items:center;gap:4px;display:flex;position:relative}.in-midi-button{align-items:center;gap:5px;display:inline-flex}.in-rec{color:var(--danger)}.in-rec.active,.in-rec.active:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--bg)}.in-light{background:var(--bg-4);border:1px solid var(--line);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.in-light-on{background:var(--accent-2);border-color:var(--accent-2)}.in-menu{z-index:50;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);width:260px;max-width:calc(100vw - 16px);box-shadow:0 8px 24px var(--bg);flex-direction:column;gap:4px;max-height:calc(100vh - 64px);padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.in-menu-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px}.in-note{color:var(--text-dim);font-size:11px}.in-error{color:var(--danger)}.in-sep{background:var(--line);height:1px;margin:4px 0}.in-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.in-pair{gap:4px;display:flex}.in-pair button{min-width:var(--hit);padding:2px 6px}.in-devices{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.in-devices li{justify-content:space-between;align-items:center;gap:8px;display:flex}.in-devices label{align-items:center;gap:6px;min-width:0;display:flex}.in-device-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.in-mappings{gap:6px}.in-mappings li{flex-wrap:wrap;row-gap:0}.in-mappings .in-device-name{white-space:normal;overflow-wrap:anywhere;flex:100%}.in-mappings .in-pair{margin-left:auto}.in-disconnected{color:var(--text-dim)}@media (width<=720px){.in-menu{width:auto;position:fixed;top:48px;left:8px;right:8px}}.in-learn{z-index:1100;background:var(--bg-3);max-width:calc(100vw - 32px);color:var(--text);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 6px 20px var(--bg);align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.in-menu select{max-width:150px}:lang(zh) .in-menu-label,:lang(zh) .in-note{letter-spacing:0;font-size:12px}.in-kbd{justify-content:center;align-items:center;width:34px;padding-left:0;padding-right:0;display:inline-flex}.in-kbd-status{font-family:var(--mono);color:inherit;letter-spacing:-.02em;flex-direction:column;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.in-notice{z-index:49;pointer-events:none;border-radius:var(--radius);white-space:nowrap;background:var(--bg-4);border:1px solid var(--line);color:var(--text);opacity:0;padding:3px 8px;font-size:12px;transition:opacity .12s linear;position:absolute;top:calc(100% + 4px);left:0}.in-notice:empty{border:none;padding:0}.in-notice-on{opacity:1}.pwa-offline{background:var(--bg-3);border-bottom:1px solid var(--line);color:var(--text-dim);align-items:center;gap:8px;padding:3px 10px;font-size:12px;display:flex}.pwa-dot{background:var(--accent-2);border-radius:50%;flex:none;width:8px;height:8px}.pwa-update{z-index:1250;border-radius:var(--radius);background:var(--bg-4);width:max-content;max-width:calc(100vw - 24px);color:var(--text);border:1px solid var(--accent);align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@media (width<=719.98px),(pointer:coarse) and (width<=899.98px){.pwa-update{bottom:72px}}.pwa-update-text{overflow-wrap:anywhere;min-width:0}.pwa-update-reload{color:var(--accent);border-color:var(--accent);background:0 0;font-weight:600}.pwa-update-close{min-width:var(--hit-sm);color:var(--text-dim);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}.ui-menu{z-index:1000;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);min-width:170px;max-height:calc(100dvh - 16px);padding:4px;position:fixed;overflow-y:auto;box-shadow:0 6px 20px #00000073}.ui-menu-item{text-align:left;white-space:nowrap;background:0 0;border:0;width:100%;padding:6px 10px;display:block}.ui-menu-item:hover:not(:disabled),.ui-menu-item:focus-visible{background:var(--bg-4)}.ui-menu-item{min-height:var(--hit);align-items:center;gap:8px;display:flex}.ui-menu-item.danger{color:var(--danger)}.ui-menu-item.danger:hover:not(:disabled),.ui-menu-item.danger:focus-visible{background:var(--danger);color:var(--bg)}.ui-menu-text{white-space:normal;flex-direction:column;min-width:0;display:flex}.ui-menu-hint{color:var(--text-dim);max-width:260px;font-size:11px}:lang(zh) .ui-menu-hint{font-size:12px}.ui-menu-item.danger:hover .ui-menu-hint,.ui-menu-item.danger:focus-visible .ui-menu-hint{color:inherit}.cr-root{--cr-step-w:22px;--cr-step-h:30px;--cr-step-gap:2px;--cr-beat-gap:6px;--cr-head-w:286px;--cr-ch:var(--accent);flex-direction:column;min-height:100%;display:flex;container-type:inline-size}.cr-patternbar{border-bottom:1px solid var(--line);background:var(--bg-2);z-index:3;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 8px;display:flex;position:sticky;top:0}.cr-pb-group{align-items:center;gap:4px;display:flex}.cr-pattern-dot{border-radius:50%;flex:none;width:10px;height:10px}.cr-pattern-select,.cr-pattern-name{width:140px;min-height:28px}.cr-icon{min-width:var(--hit);place-items:center;padding:2px 6px;line-height:1;display:inline-grid}.cr-seg{align-items:center;display:flex}.cr-seg button{border-radius:0;min-width:28px;margin-left:-1px;padding:2px 8px}.cr-seg button:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.cr-seg button:last-of-type{border-radius:0 var(--radius) var(--radius) 0}.cr-seg button[aria-pressed=true]{z-index:1;position:relative}.cr-pb-unit,.cr-pb-value{color:var(--text-dim);margin-left:4px;font-size:11px}:lang(zh) .cr-pb-unit,:lang(zh) .cr-pb-value{font-size:12px}.cr-pb-value{font-family:var(--mono);min-width:32px}.cr-filter{margin-left:auto}.cr-filter-input{width:110px;min-height:28px}.cr-filter-notes{white-space:nowrap;min-height:28px;padding:2px 8px}.cr-no-match{color:var(--text-dim);margin:4px 0;padding:8px;font-size:12px}.cr-swing .knob{flex-direction:row;gap:6px}.cr-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:6px;display:grid}@container (width>=900px){.cr-body.cr-has-editor{grid-template-columns:minmax(0,1fr) 280px}}.cr-main{flex-direction:column;gap:6px;min-width:0;display:flex}.cr-rows{flex-direction:column;gap:3px;padding-bottom:4px;display:flex;overflow:auto hidden}.cr-vspacer{flex:none;width:1px}.cr-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.cr-empty p{margin:0}.cr-add.primary{align-items:center}.cr-add.primary .cr-menu{justify-content:center}.cr-row{align-items:center;width:max-content;min-width:100%;display:flex}.cr-head{z-index:2;width:var(--cr-head-w);height:calc(var(--cr-step-h) + 6px);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);flex:none;align-items:center;gap:4px;margin-right:6px;padding:0 6px 0 0;display:flex;position:sticky;left:0}.cr-row.selected .cr-head{background:var(--bg-4);border-color:var(--cr-ch)}.cr-grip-wrap{touch-action:none;flex:none;align-self:stretch;display:flex}.cr-grip{width:14px;min-width:14px;height:100%;min-height:0;color:var(--text-dim);cursor:grab;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.cr-grip:hover:not(:disabled){background:var(--bg-2);color:var(--text)}body.cr-row-dragging,body.cr-row-dragging *{cursor:grabbing!important}.cr-row.dragging{opacity:.45}.cr-row{position:relative}.cr-row.drop-before:before,.cr-row.drop-after:after{content:"";width:var(--cr-head-w);background:var(--accent);z-index:3;pointer-events:none;border-radius:2px;height:3px;position:absolute;left:0}.cr-row.drop-before:before{top:-3px}.cr-row.drop-after:after{bottom:-3px}.cr-color{background:var(--cr-ch);border-radius:var(--radius) 0 0 var(--radius);flex:none;align-self:stretch;width:5px}.cr-head .knob-label{display:none}.cr-knob{flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.cr-knob-cap{height:11px;color:var(--text-dim);white-space:nowrap;text-align:center;min-width:22px;font-size:10px;line-height:11px;font-family:var(--mono);border-radius:2px;margin-top:-1px}:lang(zh) .cr-knob-cap{height:12px;font-size:12px;line-height:12px;font-family:var(--font)}.cr-knob-active .cr-knob-cap{background:var(--accent);color:var(--bg);padding:0 2px}.cr-knob-bubble{z-index:5;pointer-events:none;white-space:nowrap;font-family:var(--mono);background:var(--accent);color:var(--bg);border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.cr-row.muted .cr-name{opacity:.55;text-decoration:line-through}.cr-toggle{width:22px;height:22px;min-height:22px;color:var(--text-dim);flex:none;padding:0;font-size:11px;font-weight:700}.cr-mute.on{background:var(--danger);border-color:var(--danger);color:var(--bg)}.cr-solo.on{background:var(--accent-2);border-color:var(--accent-2);color:var(--bg)}.cr-name,.cr-name-input{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:var(--bg-2);border-color:#0000;flex:auto;min-width:0;height:24px;min-height:24px;padding:0 6px;font-weight:500;overflow:hidden}.cr-name:hover:not(:disabled){border-color:var(--cr-ch);background:var(--bg-2)}.cr-row.selected .cr-name{color:var(--cr-ch)}.cr-mixer{width:74px;height:24px;min-height:24px;color:var(--text-dim);flex:none;padding:0 2px;font-size:11px}:lang(zh) .cr-mixer{font-size:12px}.cr-name-stack{flex-direction:column;flex:auto;justify-content:center;gap:1px;min-width:0;display:flex}.cr-name-stack>.cr-name,.cr-name-stack>.cr-name-input{flex:none;width:100%}.cr-name-stack.with-target>.cr-name,.cr-name-stack.with-target>.cr-name-input{height:17px;min-height:17px;font-size:12px;line-height:15px}.cr-steptarget{width:100%;height:14px;min-height:14px;color:var(--cr-ch);background:var(--bg-2);border:0;border-radius:3px;padding:0 2px;font-size:10px;line-height:12px}.cr-lane{align-items:center;padding-right:6px;display:flex}.cr-steps{gap:var(--cr-beat-gap);-webkit-user-select:none;user-select:none;display:flex}.cr-beat{gap:var(--cr-step-gap);--cr-off:var(--step-off);display:flex}.cr-beat.alt{--cr-off:var(--step-off-alt)}.cr-beat{position:relative}.cr-beat.bar-start:before{content:"";width:2px;top:-2px;bottom:-2px;left:calc(-.5 * var(--cr-beat-gap) - 1px);background:var(--line);pointer-events:none;border-radius:1px;position:absolute}.cr-step{width:var(--cr-step-w);height:var(--cr-step-h);background:var(--cr-off);touch-action:manipulation;border:1px solid #0000;border-radius:3px;min-height:0;padding:0;transition:background-color 60ms linear;position:relative}.cr-step:hover:not(:disabled){background:color-mix(in srgb, var(--cr-off) 75%, var(--text))}.cr-step.on{background:color-mix(in srgb, var(--cr-ch) calc(40% + var(--cr-vel,.8) * 60%), var(--cr-off));border-color:color-mix(in srgb, var(--cr-ch) 70%, var(--text))}.cr-step.on:hover:not(:disabled){background:color-mix(in srgb, var(--cr-ch) 85%, var(--text))}.cr-step.on:after{content:"";height:calc(var(--cr-vel,.8) * var(--cr-vel,.8) * 12px);background:var(--bg);opacity:.5;border-radius:1px;position:absolute;bottom:3px;left:3px;right:3px}.cr-step.playhead{box-shadow:inset 0 0 0 2px var(--text)}.cr-step.playhead:not(.on){background:color-mix(in srgb, var(--cr-off) 70%, var(--text-dim))}.cr-spacer{height:var(--cr-step-h);flex:none}.cr-miniroll-wrap{align-items:center;gap:6px;display:flex}.cr-miniroll{height:var(--cr-step-h);cursor:pointer;background:var(--step-off);border:1px solid var(--line);border-radius:3px;overflow:hidden}.cr-miniroll svg{width:100%;height:100%;display:block}.cr-miniroll-alt{fill:var(--step-off-alt)}.cr-miniroll-note{fill:var(--cr-ch)}.cr-miniroll-head{fill:var(--text);opacity:.25}.cr-open-roll{min-height:var(--hit-sm);color:var(--text-dim);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.cr-add{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.cr-add-button{color:var(--text-dim);border-style:dashed}.cr-add-button[aria-expanded=true]{color:var(--text);border-color:var(--accent)}.cr-menu{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:4px;max-width:100%;padding:6px;display:flex}.cr-menu-item{font-size:12px}.cr-menu-inst{border-color:var(--accent)}.cr-editor{background:var(--bg-3);border:1px solid var(--line);border-top:3px solid var(--cr-ch);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.cr-ed-head{align-items:center;gap:6px;display:flex}.cr-ed-head .cr-color{border-radius:3px;align-self:center;width:10px;height:24px}.cr-ed-name{flex:1;min-width:0;font-weight:600}.cr-ed-close{min-height:var(--hit-sm);min-width:var(--hit-sm);background:0 0;border:none;place-items:center;padding:0;display:grid}.cr-ed-actions{flex-wrap:wrap;gap:4px;display:flex}.cr-danger{color:var(--danger)}.cr-danger:hover:not(:disabled){background:var(--danger);color:var(--bg)}.cr-swatches{flex-wrap:wrap;gap:4px;display:flex}.cr-swatch{border:2px solid #0000;border-radius:50%;width:20px;height:20px;min-height:0;padding:0}.cr-swatch.on{border-color:var(--text)}.cr-ed-section{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:8px;display:flex}.cr-ed-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px;font-weight:600}.cr-knobs{flex-wrap:wrap;gap:10px 14px;display:flex}.cr-knobs .knob{min-width:44px}.cr-shapes button{flex:1;padding:2px 6px;font-size:12px}.cr-field{align-items:center;gap:8px;display:flex}.cr-field>span:first-child{color:var(--text-dim);flex:none;width:52px;font-size:12px}.cr-field select{flex:1;min-width:0}.cr-field input[type=number]{width:64px}.cr-field-hint{color:var(--text-dim);font-family:var(--mono);font-size:12px}.cr-check>span:first-child{width:auto}.cr-check{cursor:pointer}.cr-ed-strip{display:none}.cr-strip-row{align-items:center;gap:10px;display:flex}.cr-confirm{border:1px solid var(--danger);border-radius:var(--radius);background:var(--bg-3);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}@media not (pointer:coarse){@container (width<=799px){.cr-body{--cr-step-w:19px}.cr-open-roll{padding:0 6px}.cr-open-roll-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}@container (width<=599px){.cr-body{--cr-step-w:20px;--cr-head-w:92px;--cr-beat-gap:4px}.cr-head{gap:0;padding-right:2px}.cr-head>.cr-toggle,.cr-head>.cr-knob,.cr-head>.cr-mixer{display:none}.cr-name-stack{margin-left:4px}.cr-name-stack>.cr-name,.cr-name-stack>.cr-name-input{margin-left:0}.cr-row.soloed .cr-color{box-shadow:inset 0 0 0 1px var(--accent-2);width:7px}.cr-name,.cr-name-input{margin-left:4px;padding:0 4px}.cr-pattern-select,.cr-pattern-name{width:110px}.cr-filter{margin-left:0}.cr-filter-input{width:96px}.cr-patternbar{gap:6px 8px}.cr-editor{z-index:4;max-height:60vh;box-shadow:0 -6px 18px var(--bg);position:sticky;bottom:0;overflow-y:auto}.cr-ed-strip{display:flex}.cr-ed-close{min-width:32px;min-height:32px;font-size:20px}}@media (pointer:coarse){.cr-root{--cr-step-w:28px;--cr-step-h:38px;--cr-step-gap:3px;--cr-head-w:330px}.cr-toggle{width:var(--hit-sm);height:var(--hit-sm);min-height:var(--hit-sm)}.cr-name,.cr-name-input,.cr-mixer{height:var(--hit-sm);min-height:var(--hit-sm)}.cr-head{height:calc(var(--cr-step-h) + 12px)}.cr-swatch{width:30px;height:30px}.cr-grip{width:20px;min-width:20px}@container (width<=599px){.cr-body{--cr-step-w:28px;--cr-head-w:104px}}}.pr-root{--pr-key-w:56px;--pr-ruler-h:24px;--pr-vel-h:64px;--pr-row:var(--bg-2);--pr-row-dark:var(--bg);--pr-row-root:var(--accent);--pr-line:var(--line-soft);--pr-line-bar:var(--text-dim);--pr-text:var(--text);--pr-text-dim:var(--text-dim);--pr-accent:var(--accent);--pr-playhead:var(--accent-2);--pr-key-white:var(--text-dim);--pr-key-black:var(--bg);--pr-bg:var(--bg);--pr-danger:var(--danger);height:100%;min-height:340px;font-family:var(--font);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative}.pr-msg{z-index:6;pointer-events:none;border-radius:var(--radius);background:var(--bg-4);border:1px solid var(--line);max-width:calc(100% - 24px);color:var(--text);opacity:0;padding:4px 10px;font-size:12px;transition:opacity .12s linear;position:absolute;top:44px;right:12px}.pr-msg:empty{border:none;padding:0}.pr-msg-on{opacity:1}.pr-empty{min-height:120px;color:var(--text-dim);justify-content:center;align-items:center}.pr-toolbar{border-bottom:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.pr-group{align-items:center;gap:4px;display:flex}.pr-toolbar button{min-height:var(--hit);justify-content:center;align-items:center;gap:2px;padding:2px 8px;font-size:12px;display:inline-flex}.pr-toolbar select{padding:2px 4px;font-size:12px}.pr-seg{gap:0}.pr-seg button{border-radius:0;margin-left:-1px}.pr-seg button:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.pr-seg button:last-child{border-radius:0 var(--radius) var(--radius) 0}.pr-field,.pr-check{color:var(--text-dim);align-items:center;gap:4px;font-size:12px;display:flex}.pr-check input{accent-color:var(--accent);margin:0}.pr-target select{max-width:140px;font-weight:600}.pr-pattern-name{border-radius:var(--radius);background:var(--bg-3);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;padding:2px 8px;font-size:12px;overflow:hidden}.pr-count{color:var(--text-dim);font-size:12px;font-family:var(--mono);min-width:64px}.pr-body{grid-template-columns:var(--pr-key-w) minmax(0, 1fr);grid-template-rows:var(--pr-ruler-h) minmax(0, 1fr) var(--pr-vel-h);background:var(--bg);flex:1;min-height:0;display:grid}.pr-body.pr-no-vel{grid-template-rows:var(--pr-ruler-h) minmax(0, 1fr)}.pr-corner{background:var(--bg-2);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.pr-ruler,.pr-keys,.pr-vel,.pr-viewport{min-width:0;min-height:0;position:relative;overflow:hidden}.pr-ruler canvas,.pr-keys canvas,.pr-vel canvas,.pr-grid-canvas{touch-action:none;display:block;position:absolute;top:0;left:0}.pr-ruler canvas{cursor:text}.pr-keys canvas{cursor:pointer}.pr-vel canvas{cursor:ns-resize}.pr-grid-canvas{pointer-events:none}.pr-scroller{touch-action:none;scrollbar-color:var(--bg-4) transparent;outline:none;position:absolute;inset:0;overflow:auto}.pr-scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.pr-sizer{pointer-events:none}.pr-vel-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-2);border-top:1px solid var(--line);border-right:1px solid var(--line);justify-content:center;align-items:center;font-size:11px;display:flex}@media (width<=720px){.pr-root{--pr-key-w:40px;--pr-vel-h:48px}.pr-toolbar{flex-wrap:nowrap;overflow-x:auto}.pr-group{flex:none}}:lang(zh) .pr-vel-label{letter-spacing:0;font-size:12px}.pr-empty{text-align:center;flex-direction:column;gap:10px;padding:16px}.pr-tools{position:relative}.pr-tools-menu{z-index:1000;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px var(--bg);flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;overflow-y:auto}.pr-tools-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:4px;font-size:10px}.pr-tools-row{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.pr-tools-note{color:var(--text-dim);font-size:11px}.pr-num{width:52px;padding:2px 4px;font-size:12px}.ly-root{flex-direction:column;height:100%;min-height:0;display:flex}.ly-toolbar{border-bottom:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 8px;display:flex}.ly-toolbar button{padding:2px 8px}.ly-spacer{flex:1}.ly-tap{border-color:var(--accent-2);color:var(--accent-2);min-width:64px;font-weight:600}.ly-notice{color:var(--text-dim);border-bottom:1px solid var(--line);background:var(--bg-3);align-items:center;gap:8px;padding:3px 8px;font-size:12px;display:flex}.ly-mini{min-height:0;min-width:var(--hit-sm);height:var(--hit-sm);background:var(--bg-3);border-radius:4px;flex:none;place-items:center;padding:0 6px;font-size:12px;line-height:1;display:inline-grid}.ly-block{border-bottom:1px solid var(--line);align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.ly-block textarea{resize:vertical;min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex:1;padding:4px 6px}.ly-list{flex:1;min-height:0;margin:0;padding:4px 0;list-style:none;position:relative;overflow-y:auto}.ly-row{border-left:3px solid #0000;align-items:center;gap:6px;padding:2px 8px;display:flex}.ly-row.current{background:color-mix(in srgb, var(--accent) 14%, transparent);border-left-color:var(--accent)}.ly-row.current .ly-text{color:var(--text);font-weight:600}.ly-row.next{border-left-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 10%, transparent)}.ly-time{width:52px;height:24px;min-height:0;font-family:var(--mono);color:var(--accent);background:var(--bg);text-align:right;flex:none;padding:0 4px;font-size:12px}.ly-fields{flex:1;gap:4px;min-width:0;display:flex}.ly-fields input{background:0 0;border-color:#0000;min-width:0}.ly-fields input:hover,.ly-fields input:focus{background:var(--bg);border-color:var(--line)}.ly-section{width:92px;color:var(--accent-2);flex:none;font-size:12px}.ly-text{color:var(--text-dim);flex:1}.ly-list.tapping .ly-fields input{cursor:default}.ly-lane{cursor:text;-webkit-user-select:none;user-select:none;touch-action:pan-x;background:color-mix(in srgb, var(--accent) 5%, var(--bg-2));border-top:1px solid var(--line);flex:none;height:100%;position:relative}.ly-lane-hint{color:var(--text-dim);pointer-events:none;white-space:nowrap;font-size:11px;position:absolute;top:5px}.ly-chip,.ly-lane-input{border:1px solid var(--accent);white-space:nowrap;text-overflow:ellipsis;text-align:left;background:color-mix(in srgb, var(--accent) 16%, var(--bg-2));height:20px;min-height:0;color:var(--text);cursor:grab;touch-action:none;border-left-width:2px;border-radius:0 4px 4px 0;padding:0 6px;font-size:11px;line-height:18px;position:absolute;top:3px;overflow:hidden}.ly-chip:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 28%, var(--bg-2))}.ly-chip.dragging{cursor:grabbing;z-index:2;box-shadow:0 0 0 1px var(--text)}.ly-chip-section{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--accent-2) 30%, transparent);color:var(--text);border-radius:3px;margin-right:4px;padding:0 3px;font-size:10px;display:inline-block}.ly-lane-input{z-index:3;cursor:text;background:var(--bg);width:180px}.ly-prompter{border-bottom:1px solid var(--line);text-align:center;background:color-mix(in srgb, var(--danger) 8%, var(--bg-2));padding:4px 10px}.ly-prompter-now{color:var(--text);overflow-wrap:anywhere;font-size:16px;font-weight:600}.ly-prompter-next{color:var(--text-dim);overflow-wrap:anywhere;font-size:12px}@media (width<=720px){.ly-section{width:64px}.ly-time{width:44px}}:lang(zh) .ly-lane-hint,:lang(zh) .ly-chip{font-size:12px}@media (pointer:coarse){.ly-time{height:var(--hit-sm)}}.cm-root{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.cm-toolbar{border-bottom:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.cm-toolbar button{padding:2px 8px}.cm-filters{display:flex}.cm-filters button{border-radius:0}.cm-filters button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.cm-filters button:last-child{border-radius:0 var(--radius) var(--radius) 0}.cm-filters button+button{margin-left:-1px}.cm-count{font-family:var(--mono);opacity:.85;font-size:11px}.cm-author{color:var(--text-dim);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.cm-author-chip{color:var(--text-dim);background:0 0;border-color:#0000;margin-left:auto;font-size:12px}.cm-author-chip:hover:not(:disabled){color:var(--text)}.cm-author input{width:120px;min-width:0}.cm-composer,.cm-edit{flex-direction:column;gap:4px;display:flex}.cm-composer{border-bottom:1px solid var(--line);background:var(--bg-3);padding:6px 8px}.cm-composer-head{color:var(--text-dim);font-size:12px}.cm-time-text{font-family:var(--mono);color:var(--accent)}.cm-composer textarea,.cm-edit textarea{resize:vertical;width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:4px 6px}.cm-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:6px 8px;list-style:none;display:flex;position:relative;overflow-y:auto}.cm-item{border:1px solid var(--line);border-left:3px solid var(--accent-2);border-radius:var(--radius);background:var(--bg-3);cursor:pointer;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.cm-item.resolved{border-left-color:var(--text-dim);opacity:.75}.cm-item.selected{border-color:var(--accent);border-left-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cm-item-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.cm-time{min-height:0;height:var(--hit-sm);font-family:var(--mono);color:var(--accent);background:var(--bg);padding:0 6px;font-size:11px}.cm-author-name{font-weight:600}.cm-date{color:var(--text-dim);font-size:11px}.cm-badge{background:var(--bg-4);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:0 5px;font-size:11px}.cm-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.cm-item.resolved>.cm-text{text-decoration:line-through;-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim)}.cm-replies{border-left:2px solid var(--line);flex-direction:column;gap:4px;margin:0;padding:0 0 0 10px;list-style:none;display:flex}.cm-reply .cm-item-head{gap:6px}.cm-row-btns{flex-wrap:wrap;gap:4px;display:flex}.cm-row-btns button{min-height:var(--hit-sm);align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.cm-count{font-family:var(--mono);color:var(--text-dim);align-self:center;margin-left:auto;font-size:11px}.cm-count.near{color:var(--accent-2)}.cm-count.full{color:var(--danger);font-family:inherit;font-size:11px}.cm-resolve{color:var(--accent)}.cm-mini{min-height:0;height:var(--hit-sm);min-width:var(--hit-sm);background:0 0;border-color:#0000;place-items:center;margin-left:auto;padding:0;display:inline-grid}.cm-empty{min-height:0;color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.cm-empty p{max-width:360px;margin:0}.cm-list:empty{flex:none;padding:0}.cm-pin{z-index:1;width:18px;height:16px;min-height:0;color:var(--bg);background:var(--accent-2);border:1px solid var(--accent-2);border-radius:4px;place-items:center;margin-left:-9px;padding:0;display:grid;position:absolute;top:2px}.cm-pin:hover:not(:disabled){background:color-mix(in srgb, var(--accent-2) 75%, var(--text))}.cm-pin.resolved{background:var(--bg-4);border-color:var(--text-dim);color:var(--text-dim)}.cm-pin.selected{box-shadow:0 0 0 2px var(--text)}@media (width<=720px){.cm-author{margin-left:0}.cm-author input{width:96px}}.cm-filters .cm-count{color:inherit;align-self:auto;margin-left:2px}.pl-root{--pl-ink:var(--text);--pl-bar-line:color-mix(in srgb, var(--line) 80%, transparent);--pl-beat-line:color-mix(in srgb, var(--line-soft) 70%, transparent);--pl-sidebar-w:184px;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.pl-toolbar{border-bottom:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 8px;display:flex}.pl-group{align-items:center;gap:4px;display:flex}.pl-toolbar button{min-width:var(--hit);justify-content:center;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.pl-field{color:var(--text-dim);align-items:center;gap:4px;font-size:12px;display:inline-flex}.pl-field select{padding:2px 4px}.pl-check input{accent-color:var(--accent);margin:0}.pl-rec{align-items:center;gap:6px;display:inline-flex}.pl-rec-icon{color:var(--danger)}.pl-rec.on{border-color:var(--danger);color:var(--danger)}.pl-rec-dot{background:var(--danger);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.pl-rec-dot.blink{animation:1s steps(2,start) infinite pl-blink}@keyframes pl-blink{to{opacity:.2}}.pl-status{border-bottom:1px solid var(--line);background:var(--bg-3);flex-wrap:wrap;gap:6px;padding:4px 8px;display:flex}.pl-recbar{color:var(--danger);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pl-meter{background:var(--bg);border:1px solid var(--line);border-radius:4px;width:140px;height:8px;overflow:hidden}.pl-meter-fill{background:linear-gradient(to right, var(--accent) 70%, var(--accent-2) 88%, var(--danger));width:0;height:100%}.pl-message{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.pl-message.error{color:var(--danger)}.pl-mini{background:var(--bg-3);border-radius:4px;place-items:center;min-width:22px;height:22px;min-height:0;padding:0 5px;font-size:11px;line-height:1;display:inline-grid}.pl-mini.pl-on-mute{background:var(--accent-2);border-color:var(--accent-2);color:var(--bg)}.pl-mini.pl-on-arm{background:var(--danger);border-color:var(--danger);color:var(--bg)}.pl-arm{color:var(--danger)}.pl-main{flex:1;min-height:0;display:flex;position:relative}.pl-sidebar{width:var(--pl-sidebar-w);border-right:1px solid var(--line);background:var(--bg-2);flex-direction:column;flex:none;gap:10px;padding:6px;display:flex;overflow-y:auto}.pl-root.narrow .pl-sidebar{z-index:10;box-shadow:4px 0 12px color-mix(in srgb, var(--bg) 70%, transparent);position:absolute;top:0;bottom:0;left:0}.pl-side-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 2px;font-size:11px}.pl-side-hint{color:var(--text-dim);margin:0 0 4px;font-size:11px}:lang(zh) .pl-side-title,:lang(zh) .pl-side-hint{letter-spacing:0;font-size:12px}.pl-side-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.pl-pattern-item{text-align:left;background:var(--bg-3);align-items:center;gap:6px;width:100%;min-height:26px;padding:3px 6px;display:flex}.pl-pattern-item.picked{border-color:var(--pl-clip);background:color-mix(in srgb, var(--pl-clip) 25%, var(--bg-3))}.pl-swatch{background:var(--pl-clip);border-radius:3px;flex:none;width:10px;height:10px}.pl-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pl-item-meta{font-family:var(--mono);color:var(--text-dim);font-size:11px}.pl-asset-item{border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--line);cursor:grab;align-items:center;gap:6px;padding:3px 4px 3px 6px;font-size:12px;display:flex}.pl-asset-item.picked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--bg-3))}.pl-asset-pick{text-align:left;min-width:0;min-height:24px;color:inherit;font:inherit;cursor:inherit;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0;display:flex}.pl-link{min-height:0;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.pl-view{background:var(--bg);flex:1;min-width:0;position:relative;overflow:hidden}.pl-scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.pl-content{min-height:100%;position:relative}.pl-sticky{z-index:6;position:sticky;top:0}.pl-top,.pl-lyrics-row{background:var(--bg-2);border-bottom:1px solid var(--line);display:flex}.pl-lyrics-row .pl-corner{align-items:center}.pl-corner{z-index:7;background:var(--bg-2);border-right:1px solid var(--line);flex:none;align-items:flex-end;padding:4px 6px;display:flex;position:sticky;left:0}.pl-corner-hint{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px}:lang(zh) .pl-corner-hint{letter-spacing:0;font-size:12px}.pl-ruler{flex:none;position:relative}.pl-ruler-bars{cursor:text;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);position:relative}.pl-bar-label{border-left:1px solid var(--line);font-family:var(--mono);color:var(--text-dim);pointer-events:none;padding:4px 0 0 4px;font-size:11px;position:absolute;top:0;bottom:0}.pl-loop-band{pointer-events:none;background:color-mix(in srgb, var(--text-dim) 18%, transparent);border-left:2px solid var(--text-dim);border-right:2px solid var(--text-dim);position:absolute;top:0;bottom:0}.pl-loop-band.on{background:color-mix(in srgb, var(--accent) 28%, transparent);border-color:var(--accent)}.pl-ruler-markers{position:relative}.pl-marker,.pl-marker-edit{border:1px solid var(--accent-2);white-space:nowrap;background:color-mix(in srgb, var(--accent-2) 20%, var(--bg-2));height:18px;min-height:0;color:var(--text);border-left-width:2px;border-radius:0 4px 4px 0;padding:0 6px 0 5px;font-size:11px;line-height:16px;position:absolute;top:1px}.pl-marker:hover:not(:disabled){background:color-mix(in srgb, var(--accent-2) 35%, var(--bg-2))}.pl-marker-edit{z-index:2;width:110px;padding:0 4px}.pl-body{display:flex;position:relative}.pl-heads{z-index:5;background:var(--bg-2);border-right:1px solid var(--line);flex:none;position:sticky;left:0}.pl-head{border-bottom:1px solid var(--line);background:var(--bg-2);gap:6px;padding:3px 6px 3px 0;display:flex;position:relative;overflow:hidden}.pl-head.armed{background:color-mix(in srgb, var(--danger) 10%, var(--bg-2))}.pl-head-color{background:var(--pl-lane);cursor:pointer;flex:none;width:6px;position:relative}.pl-head-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.pl-head-main{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.pl-head-main.compact{flex-direction:row;align-items:center}.pl-head-name{background:0 0;border:1px solid #0000;width:100%;min-width:0;padding:1px 4px;font-size:12px;font-weight:600}.pl-head-name:hover,.pl-head-name:focus{background:var(--bg);border-color:var(--line)}.pl-head-btns{flex:none;gap:3px;display:flex}.pl-head-resize{cursor:ns-resize;touch-action:none;z-index:1;height:6px;position:absolute;bottom:-2px;left:0;right:0}.pl-head-resize:hover{background:color-mix(in srgb, var(--accent) 40%, transparent)}.pl-grid{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;flex:none;position:relative}.pl-grid.placing{cursor:copy}.pl-lane{border-bottom:1px solid var(--bg-3);background-image:linear-gradient(to right, var(--pl-bar-line) 1px, transparent 1px), linear-gradient(to right, var(--pl-beat-line) 1px, transparent 1px);background-size:var(--pl-bar-px) 100%, var(--pl-beat-px) 100%;position:absolute;left:0;right:0}.pl-lane.odd{background-color:color-mix(in srgb, var(--bg-2) 45%, var(--bg))}.pl-lane.muted{opacity:.5}.pl-lane.drop{background-color:color-mix(in srgb, var(--accent) 14%, var(--bg))}.pl-loop-shade{background:color-mix(in srgb, var(--accent) 6%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.pl-clip{cursor:grab;touch-action:none;background:color-mix(in srgb, var(--pl-clip) 32%, var(--bg-3));border:1px solid color-mix(in srgb, var(--pl-clip) 70%, var(--bg));border-radius:4px;position:absolute;overflow:hidden}.pl-clip.selected{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.pl-clip.ghost{opacity:.65;pointer-events:none}.pl-lane.muted~.pl-clip{opacity:.9}.pl-clip-label{white-space:nowrap;text-overflow:ellipsis;background:color-mix(in srgb, var(--pl-clip) 60%, var(--bg-3));height:16px;color:var(--text);pointer-events:none;padding:0 5px;font-size:11px;line-height:15px;overflow:hidden}.pl-clip-edge{cursor:ew-resize;z-index:1;width:6px;position:absolute;top:0;bottom:0}.pl-clip-edge-l{left:0}.pl-clip-edge-r{right:0}.pl-clip-edge:hover{background:color-mix(in srgb, var(--text) 25%, transparent)}.pl-marquee{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;z-index:3;position:absolute}.pl-canvas{pointer-events:none;z-index:2;position:absolute}.pl-playhead{pointer-events:none;z-index:8;background:var(--accent-2);width:2px;box-shadow:0 0 6px var(--accent-2);margin-left:-1px;position:absolute;top:0;bottom:0;left:0}@media (width<=720px){.pl-toolbar{gap:4px 8px;padding:4px 6px}.pl-toolbar button{padding:2px 6px}}.pl-empty{z-index:4;pointer-events:none;text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;bottom:0;right:0}.pl-empty p{max-width:340px;margin:0}.pl-empty button{pointer-events:auto}@media (pointer:coarse){.pl-mini{min-width:28px;height:28px;font-size:12px}.pl-head-name{height:22px;min-height:0}.pl-head{padding-top:2px;padding-bottom:2px}.pl-head-main{gap:2px}.pl-head-btns{gap:4px}.pl-head-resize{height:12px;bottom:-4px}.pl-pattern-item{min-height:var(--hit)}.pl-clip-edge{width:14px}}.pl-auto-editor{z-index:2;position:absolute;left:0}.pl-auto-editor svg{cursor:crosshair;touch-action:none;display:block}.pl-auto-editor svg.on-point{cursor:grab}.pl-auto-fill{fill:color-mix(in srgb, var(--pl-clip) 22%, transparent)}.pl-auto-line{fill:none;stroke:var(--pl-ink);stroke-width:1.5px}.pl-auto-point{fill:var(--bg);stroke:var(--pl-ink);stroke-width:1.5px}.pl-auto-point.active{fill:var(--accent);stroke:var(--accent)}.pl-auto-readout{pointer-events:none;font:10px/14px var(--mono);background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--text);border-radius:3px;padding:0 4px;position:absolute;top:1px;right:8px}.pl-auto-picker{position:relative}.pl-auto-pop{z-index:200;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:6px;max-width:calc(100vw - 16px);padding:6px;display:flex;position:fixed;box-shadow:0 6px 20px #00000073}.pl-auto-pop select{max-width:min(260px,60vw)}.pl-root.narrow .pl-auto-pop{right:8px}.pl-root.narrow .pl-auto-pop select{flex:1;min-width:0;max-width:none}.pl-root.narrow .pl-toolbar{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.pl-root.narrow .pl-group{flex:none}.panel-mixer{min-height:400px}.mx-root{--mx-strip-w:88px;--mx-master-w:100px;--mx-cap-h:26px;--mx-fader-w:22px;--mx-meter-w:8px;--mx-rack-w:320px;--mx-gap:6px;--mx-on-text:var(--bg);height:100%;min-height:360px;display:flex}.mx-strips{flex:0 auto;min-width:0;display:flex}.mx-master-wrap{padding:var(--mx-gap);border-right:1px solid var(--line);background:var(--bg);flex:none;display:flex}.mx-scroll{gap:var(--mx-gap);min-width:0;padding:var(--mx-gap);scroll-snap-type:x proximity;flex:1;display:flex;overflow:auto hidden}.mx-strip{flex:0 0 var(--mx-strip-w);width:var(--mx-strip-w);gap:var(--mx-gap);scroll-snap-align:start;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:0 5px 6px;display:flex;position:relative;overflow:hidden}.mx-strip:before{content:"";background:var(--mx-color);height:4px;margin:0 -5px;display:block}.mx-strip.mx-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mx-master{flex-basis:var(--mx-master-w);width:var(--mx-master-w);background:linear-gradient(180deg, var(--bg-4), var(--bg-3))}.mx-master:before{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:4px}.mx-master .mx-name{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.mx-strip-head{align-items:center;gap:4px;min-height:22px;display:flex}.mx-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:14px;height:14px;padding:0;overflow:hidden}.mx-color::-webkit-color-swatch-wrapper{padding:0}.mx-color::-webkit-color-swatch{border:none;border-radius:50%}.mx-color::-moz-color-swatch{border:none;border-radius:50%}.mx-name{white-space:nowrap;text-overflow:ellipsis;cursor:default;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.mx-name-input{flex:1;width:100%;min-width:0;padding:1px 3px;font-size:12px}.mx-index{font-family:var(--mono);color:var(--text-dim);font-size:11px}.mx-chips{flex-wrap:wrap;align-content:flex-start;gap:2px;height:34px;display:flex;position:relative;overflow:hidden}.mx-chip{white-space:nowrap;text-overflow:ellipsis;background:color-mix(in srgb, var(--mx-chip,var(--text-dim)) 28%, var(--bg-2));border-left:2px solid var(--mx-chip,var(--text-dim));border-radius:3px;max-width:100%;padding:0 4px;font-size:10px;line-height:15px;overflow:hidden}.mx-chip-send{--mx-chip:var(--accent-2);color:var(--text-dim)}.mx-chip-more{--mx-chip:var(--text-dim);font-family:var(--mono);cursor:default}:lang(zh) .mx-chip{font-size:11px;line-height:16px}.mx-pan{justify-content:center;align-items:center;gap:6px;display:flex}.mx-pan .knob-label,.mx-param .knob-label,.mx-send-row .knob-label{display:none}.mx-pan-value{font-family:var(--mono);color:var(--text-dim);min-width:28px;font-size:11px}.mx-faderbox{grid-template-columns:var(--mx-fader-w) 1fr var(--mx-meter-w);flex:1;gap:3px;min-height:140px;display:grid}.mx-fader{touch-action:none;cursor:ns-resize;border-radius:var(--radius);position:relative}.mx-fader-slot{width:4px;left:50%;top:calc(var(--mx-cap-h) / 2);bottom:calc(var(--mx-cap-h) / 2);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;margin-left:-2px;position:absolute}.mx-fader-zero{background:var(--text-dim);height:1px;left:2px;right:2px;bottom:calc(var(--mx-cap-h) / 2 + var(--mx-zero) * (100% - var(--mx-cap-h)));position:absolute}.mx-fader-cap{height:var(--mx-cap-h);left:0;right:0;bottom:calc(var(--mx-pos) * (100% - var(--mx-cap-h)));border:1px solid var(--line);background:linear-gradient(180deg, var(--bg-4) 0%, var(--bg-3) 45%, var(--bg-4) 55%, var(--bg-3) 100%);box-shadow:0 2px 4px color-mix(in srgb, var(--bg) 70%, transparent);border-radius:4px;position:absolute}.mx-fader-cap:after{content:"";background:var(--mx-color);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:3px;right:3px}.mx-fader:focus-visible .mx-fader-cap{border-color:var(--accent)}.mx-scale{font-family:var(--mono);color:var(--text-dim);font-size:11px;position:relative}:lang(zh) .mx-scale{font-size:12px}.mx-scale span{right:0;bottom:calc(var(--mx-cap-h) / 2 + var(--mx-mark) * (100% - var(--mx-cap-h)));line-height:1;position:absolute;transform:translateY(50%)}.mx-meter{--mx-level:0;--mx-peak:0;margin:calc(var(--mx-cap-h) / 2) 0;background:linear-gradient(0deg, var(--accent) 0%, var(--accent) 72%, var(--accent-2) 86%, var(--danger) 100%);border-radius:2px;position:relative;overflow:hidden}.mx-meter-mask{background:var(--bg);transform-origin:top;transform:scaleY(calc(1 - var(--mx-level)));position:absolute;inset:0}.mx-meter-peak{background:var(--text);height:2px;left:0;right:0;bottom:calc(var(--mx-peak) * 100% - 1px);opacity:.85;position:absolute}.mx-meter.mx-clipping{box-shadow:0 0 0 1px var(--danger)}.mx-readouts{font-family:var(--mono);justify-content:space-between;align-items:center;gap:2px;font-size:11px;display:flex}.mx-readout{color:var(--text)}.mx-readout-peak{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;min-width:0;min-height:0;padding:0 2px}.mx-health{background:var(--line);border-radius:50%;flex:none;width:8px;height:8px}.mx-health.mx-overloaded{background:var(--danger);box-shadow:0 0 4px var(--danger)}.mx-readout-peak.mx-clipping{color:#fff;background:var(--danger)}.mx-buttons,.mx-order{gap:3px;display:flex}.mx-buttons button,.mx-order button{min-width:0;min-height:var(--hit-sm);flex:1;place-items:center;padding:0;font-size:11px;font-weight:700;display:inline-grid}.mx-buttons .mx-more{color:var(--text-dim);flex:.8}.mx-order-spacer{min-height:var(--hit-sm)}.mx-mute.mx-on{background:var(--accent-2);border-color:var(--accent-2);color:var(--mx-on-text)}.mx-solo.mx-on{background:var(--accent);border-color:var(--accent);color:var(--mx-on-text)}.mx-delete:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--mx-on-text)}.mx-add-track{color:var(--text-dim);background:0 0;border-style:dashed;flex:0 0 40px;align-self:stretch;place-items:center;padding:0;display:grid}.mx-rack{flex:1 0 var(--mx-rack-w);min-width:var(--mx-rack-w);border-left:1px solid var(--line);background:var(--bg);flex-direction:column;gap:8px;padding:8px;display:flex;overflow-y:auto}.mx-rack-body{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;display:flex}.mx-rack-fx{flex-direction:column;flex:999 300px;gap:8px;min-width:0;display:flex}.mx-rack-side{flex-direction:column;flex:240px;gap:8px;min-width:0;max-width:100%;display:flex}.mx-menu-btn{min-height:var(--hit);white-space:nowrap}.mx-add-fx{align-self:flex-start;gap:6px}.mx-routed{flex-direction:column;gap:6px;display:flex}.mx-routed-list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mx-routed-list .mx-chip{padding:0 6px;font-size:12px;line-height:20px}.mx-rack-head{align-items:center;gap:8px;display:flex}.mx-swatch{background:var(--mx-color);border-radius:50%;flex:none;width:10px;height:10px}.mx-rack-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:14px;overflow:hidden}.mx-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:4px 0 0;font-size:11px}.mx-empty{color:var(--text-dim);margin:0;font-size:12px;list-style:none}.mx-slots{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));align-items:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.mx-slots .mx-empty{grid-column:1/-1}.mx-slot{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius)}.mx-slot.mx-bypassed{opacity:.6}.mx-slot-head{align-items:center;gap:3px;padding:3px;display:flex}.mx-slot-head button{min-height:var(--hit-sm);min-width:var(--hit-sm);padding:0 5px}.mx-slot-name{text-align:left;background:0 0;border-color:#0000;flex:1;align-items:center;gap:4px;min-width:0;font-weight:600;display:flex}.mx-slot-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mx-caret{color:var(--text-dim);transition:transform .12s;transform:rotate(-90deg)}.mx-caret-open{transform:none}.mx-slot-head .mx-delete{margin-left:6px}.mx-power{color:var(--text-dim)}.mx-power.mx-on{color:var(--accent);border-color:var(--accent)}.mx-params{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px 4px;padding:6px 4px 8px;display:grid}.mx-param{flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.mx-param-enum{grid-column:1/-1;align-items:stretch}.mx-param-label{color:var(--text-dim);white-space:nowrap;font-size:11px}:lang(zh) .mx-param-label{font-size:12px}.mx-param-value{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:11px}.mx-segmented{display:flex}.mx-segmented button{min-height:var(--hit-sm);border-radius:0;flex:1;padding:0 4px;font-size:11px}.mx-segmented button+button{margin-left:-1px}.mx-segmented button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.mx-segmented button:last-child{border-radius:0 var(--radius) var(--radius) 0}.mx-segmented button.mx-on{background:var(--accent);border-color:var(--accent);color:var(--mx-on-text)}.mx-sends-editor{flex-direction:column;gap:6px;display:flex}.mx-sends-editor .mx-menu-btn{align-self:flex-start;gap:6px}.mx-send-row{align-items:center;gap:6px;display:flex}.mx-send-target{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mx-send-row button{min-height:var(--hit-sm);min-width:var(--hit-sm);padding:0 5px}@media (width>=1600px){.mx-root{--mx-strip-w:100px;--mx-master-w:112px;--mx-fader-w:26px;--mx-meter-w:10px}}@media (pointer:coarse){.mx-root{--mx-strip-w:96px;--mx-master-w:104px;--mx-cap-h:32px;--mx-fader-w:28px}.mx-chips{height:36px}.mx-chip{line-height:17px}}@media (width<=720px){.mx-root{flex-direction:column;height:auto}.mx-strips{flex:none;height:440px}.mx-rack{border-left:none;border-top:1px solid var(--line);flex:none;width:auto;min-width:0;overflow:visible}}@media (width<=720px) and (pointer:fine){.mx-root{--mx-strip-w:80px;--mx-master-w:88px}}.workspace{flex-direction:column;flex:1;min-height:0;padding:6px;display:flex;overflow:auto}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);outline:none;flex-direction:column;flex:1 1 0;min-height:120px;display:flex;overflow:hidden}.workspace.maximized .panel{min-height:0}.panel.focused{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.panel-header{background:var(--bg-3);text-transform:uppercase;letter-spacing:.05em;min-height:28px;color:var(--text-dim);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:6px;padding:2px 4px 2px 8px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 3px 0 #0000}.panel.focused .panel-header{color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.panel:focus-visible .panel-header{box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 2px var(--accent)}.panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-actions{flex:none;gap:2px;display:flex}.panel-btn{min-width:26px;min-height:24px;color:var(--text-dim);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}.panel-btn:hover:not(:disabled){color:var(--text)}.panel-btn[aria-pressed=true]{color:var(--accent)}.panel-body{flex:1;min-height:0;position:relative;overflow:auto}.ws-splitter{cursor:row-resize;touch-action:none;border-radius:3px;outline:none;flex:none;height:6px;margin:0;position:relative}.ws-splitter:after{content:"";background:var(--line);border-radius:1px;width:36px;height:2px;margin-left:-18px;position:absolute;top:2px;left:50%}.ws-splitter:hover:after,.ws-splitter:focus-visible:after{background:var(--accent);width:72px;margin-left:-36px}.ws-splitter:focus-visible{background:color-mix(in srgb, var(--accent) 18%, transparent)}.ws-empty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto;padding:16px;display:flex}.ws-empty p{margin:0}.ws-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ws-empty-actions button{align-items:center;gap:6px;display:inline-flex}.workspace.compact{padding:0;overflow:hidden}.panel.compact{border:0;border-radius:0;min-height:0}.ws-tabs{background:var(--bg-2);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ws-tab{min-height:52px;color:var(--text-dim);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:11px;line-height:1.2;display:flex}.ws-tab:hover:not(:disabled){background:var(--bg-3)}.ws-tab.on,.ws-tab.on:hover:not(:disabled){color:var(--accent);background:var(--bg-3);box-shadow:inset 0 2px 0 var(--accent)}.ws-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}:lang(zh) .ws-tab{font-size:12px}.ui-toasts{left:50%;bottom:calc(16px + var(--app-bottom,0px));z-index:1200;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.ui-toast{pointer-events:auto;border-radius:var(--radius);background:var(--bg-4);max-width:100%;color:var(--text);border:1px solid var(--line);align-items:center;gap:8px;padding:6px 6px 6px 12px;animation:.14s ease-out ui-toast-in;display:flex;box-shadow:0 8px 24px #00000080}.ui-toast.error{border-color:var(--danger)}.ui-toast-text{overflow-wrap:anywhere;min-width:0}.ui-toast-undo{color:var(--accent);background:0 0;border-color:#0000;font-weight:600}.ui-toast-undo:hover:not(:disabled){background:var(--bg-3)}.ui-toast-close{min-width:var(--hit-sm);color:var(--text-dim);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.ui-toast{animation:none}}