@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2)format("woff2"),url(./ibm-plex-sans-latin-700-normal-Bth3BMcD.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(./ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root{--bg:#141312;--bg-2:#1d1c1b;--panel:#262523;--panel-2:#2f2d2b;--panel-3:#383634;--border:#3f3d3a;--border-soft:#302e2c;--text:#eeeae4;--text-dim:#aba79f;--text-faint:#74716c;--accent:#e8a33d;--accent-2:#f2bd68;--on-accent:#181611;--record:#d9452b;--green:#5dbb7a;--yellow:#e3c35a;--orange:#e08a3c;--purple:#a07ae0;--cyan:#45b8c4;--pink:#e06a8f;--cycle:#e3c35a;--midi:#5dbb7a;--drums:#d99a3a;--audio:#5b9be0;--radius:4px;--radius-sm:3px;--shadow:0 10px 40px #0000008c;--font:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:13px}input,textarea,select,button{font:inherit;color:inherit}input[type=text],input[type=number],input[type=search],textarea,select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-user-select:text;user-select:text;outline:none;padding:5px 8px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#42403d padding-box padding-box;border:2px solid #0000;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#54524f padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}.btn{border-radius:var(--radius-sm);background:var(--panel-2);height:30px;color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--panel-3)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:#ff8a80;background:#4a1f1f}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--panel-2)}.btn.active{color:var(--accent-2);background:#e8a33d38;border-color:#e8a33d73}.btn.icon{width:30px;padding:0}.btn.sm{height:24px;padding:0 8px;font-size:12px}.btn.sm.icon{width:24px;padding:0}.btn.lg{height:38px;padding:0 16px;font-size:14px}.seg{background:var(--bg-2);border-radius:var(--radius-sm);border:1px solid var(--border-soft);gap:2px;padding:2px;display:inline-flex}.seg>button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;height:24px;padding:0 10px;display:inline-flex}.seg>button:hover{color:var(--text)}.seg>button.on{background:var(--panel-3);color:var(--text);box-shadow:0 1px 2px #0006}.chip{background:var(--panel-2);color:var(--text-dim);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow,.spacer{flex:1}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.menu{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);background:#2c2a28f7;border-radius:5px;padding:5px;font-size:13px;position:fixed}.menu-item{cursor:pointer;color:var(--text);border-radius:3px;align-items:center;gap:9px;padding:6px 10px;display:flex}.menu-item:hover{background:var(--accent);color:var(--on-accent)}.menu-item.disabled{opacity:.4;pointer-events:none}.menu-item .shortcut{color:var(--text-faint);margin-left:auto;padding-left:18px;font-size:11px}.menu-item:hover .shortcut{color:#18161199}.menu-sep{background:var(--border);height:1px;margin:4px 6px}.menu-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px 2px;font-size:11px;font-weight:600}.pill-menu{z-index:1000;box-shadow:var(--shadow);background:#161514f5;border:1px solid #3e3c3a;border-radius:5px;display:flex;position:fixed;overflow:hidden}.pill-menu button{color:#fff;cursor:pointer;background:0 0;border:none;border-right:1px solid #3e3c3a;padding:9px 15px;font-size:13px}.pill-menu button:last-child{border-right:none}.pill-menu button:hover{background:#3e3c3a}.modal-backdrop{z-index:900;background:#0000008c;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;flex-direction:column;min-width:380px;max-width:92vw;max-height:88vh;animation:.18s pop-in;display:flex}.modal-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.modal-body{padding:18px;overflow:auto}.modal-foot{border-top:1px solid var(--border-soft);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(6px)}}.toasts{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border);box-shadow:var(--shadow);background:#302e2cf7;border-radius:99px;padding:9px 16px;font-size:13px;animation:.2s pop-in}.toast.error{color:#ffb4ab;border-color:#7a2c2c}.toast.success{border-color:#4b5e3a}.hslider{cursor:pointer;touch-action:none;height:18px;position:relative}.hslider .track{background:#0f0e0e;border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 1px 1px #0009}.hslider .fill{background:var(--accent);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.hslider .thumb{background:#e5e2dc;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;box-shadow:0 1px 3px #0009}.knob{cursor:ns-resize;touch-action:none;flex-direction:column;align-items:center;gap:4px;display:flex}.knob svg{display:block}.knob .knob-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:10px}.knob .knob-value{color:var(--text-faint);font-size:10px;font-family:var(--mono);height:12px}.toggle{cursor:pointer;background:#3f3d3b;border-radius:3px;flex-shrink:0;width:34px;height:20px;transition:background .15s;position:relative;box-shadow:inset 0 1px 2px #00000080}.toggle:after{content:"";background:var(--text);border-radius:2px;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(14px)}.empty-state{height:100%;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.empty-state h3{color:var(--text);margin:0;font-weight:600}kbd{font-family:var(--mono);background:var(--panel-3);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}.panel-spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ver-save{align-items:center;gap:8px;display:flex}.ver-save input{flex:1;min-width:0}.ver-head{align-items:center;gap:12px;margin:12px 0 8px;font-size:12px;display:flex}.ver-head .dim{flex:1}.ver-filter{white-space:nowrap;cursor:pointer;align-items:center;gap:5px;display:flex}.ver-list{flex-direction:column;gap:4px;max-height:min(56vh,520px);display:flex;overflow:auto}.ver-row{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:4px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ver-row.auto{background:0 0}.ver-icon{color:var(--accent-2);display:flex}.ver-row.auto .ver-icon{color:var(--text-faint)}.ver-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ver-main b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ver-row.auto .ver-main b{color:var(--text-dim);font-weight:500}.ver-main .dim{font-size:11px}.ver-actions{flex:none;align-items:center;gap:2px;display:flex}.ver-empty{color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;padding:30px 0;font-size:13px;display:flex}.safety{flex-direction:column;gap:8px;display:flex}.safety-row{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.safety-row .grow{flex-direction:column;gap:2px;min-width:200px;display:flex}.safety-row b{font-size:13px}.safety-row .dim{font-size:12px}.safety-row .ok{color:var(--green)}.safety-row .warn{color:var(--orange)}.backup-banner{background:#e08a3c1a;border:1px solid #e08a3c59;border-radius:5px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.backup-banner>svg{color:var(--orange);flex:none}.backup-banner .grow{flex-direction:column;gap:2px;min-width:200px;font-size:12px;display:flex}.backup-banner .grow span{color:var(--text-dim)}.backup-banner b{font-size:13px}html.phone,html.phone body{overscroll-behavior:none}html.touch body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html.phone input[type=text],html.phone input[type=number],html.phone input[type=search],html.phone textarea,html.phone select{font-size:16px}.m-project{background:var(--bg);height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.m-top{padding:calc(env(safe-area-inset-top) + 4px) 6px 4px;background:var(--panel);border-bottom:1px solid var(--border-soft);flex:none;align-items:center;gap:2px;display:flex}.m-icon,.m-t{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.m-icon:disabled{opacity:.3}.m-icon:active,.m-t:active{background:var(--panel-3)}.m-top .m-icon:first-child{color:var(--accent-2)}.m-title{min-width:0;height:44px;color:var(--text);font:600 16px var(--font);background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 6px;display:flex}.m-title span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-save{background:var(--green);opacity:.8;border-radius:50%;flex:none;width:7px;height:7px}.m-save.dirty,.m-save.saving{background:var(--orange)}.m-main{flex:1;min-height:0;display:flex;position:relative}.m-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.m-dock>.dock-inner{flex:1;min-height:0}.m-dock .dock-tabs{display:none}.m-library>*{flex:1;border-right:none!important;width:100%!important;max-width:none!important}.m-fab{background:var(--accent);width:52px;height:52px;color:var(--on-accent);z-index:30;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 20px #00000073}.m-transport{background:var(--panel);border-top:1px solid var(--border-soft);flex:none;align-items:center;gap:2px;padding:4px 8px;display:flex}.m-lcd{border:1px solid var(--border-soft);min-width:0;height:44px;color:var(--text);background:#0d0d0c;border-radius:5px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;margin-right:4px;padding:0 10px;display:flex}.m-lcd b{font-family:var(--mono);color:var(--accent);font-size:15px;font-weight:500;line-height:1.1}.m-lcd span{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.m-t.m-play{background:var(--panel-3)}.m-t.m-play.on{background:var(--green);color:#1f2716}.m-t.m-rec{color:var(--record)}.m-t.m-rec.on{background:var(--record);color:#fff}.m-t.cycle{color:var(--cycle)}.m-t.on-soft{color:var(--accent-2)}.m-tabs{background:var(--panel);border-top:1px solid var(--border-soft);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.m-tabs button{height:54px;color:var(--text-faint);font:500 10.5px var(--font);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.m-tabs button.on{color:var(--accent-2)}.m-sheet-backdrop{z-index:1000;background:#00000080;align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.m-sheet{background:var(--panel);border-top:1px solid var(--border);width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:6px 16px 0 0;flex-direction:column;animation:.2s m-sheet-up;display:flex}@keyframes m-sheet-up{0%{opacity:.6;transform:translateY(40px)}}.m-sheet-grab{background:var(--border);border-radius:3px;flex:none;width:38px;height:5px;margin:8px auto 2px}.m-sheet-title{flex:none;padding:6px 18px 8px;font-size:15px;font-weight:700}.m-sheet-body{flex-direction:column;padding:0 8px 10px;display:flex;overflow:auto}.m-sheet-item{min-height:50px;color:var(--text);font:15px var(--font);text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:14px;width:100%;padding:0 12px;display:flex}.m-sheet-item:active{background:var(--panel-3)}.m-sheet-item:disabled{opacity:.35}.m-sheet-item.danger{color:var(--record)}.m-sheet-icon{width:22px;color:var(--text-dim);flex:none;justify-content:center;display:flex}.m-sheet-item.danger .m-sheet-icon{color:var(--record)}.m-sheet-label{flex:1;min-width:0}.m-sheet-hint{color:var(--text-faint);font-size:13px}.m-sheet-chev{color:var(--text-faint)}.m-sheet-sep{background:var(--border-soft);flex:none;height:1px;margin:6px 12px}.m-field{color:var(--text-dim);flex-direction:column;gap:4px;padding:4px 12px 10px;font-size:12px;display:flex}.m-field input{width:100%;height:42px}html.phone{--hw:132px}.phone .tv-toolbar{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-left:8px;padding-right:8px;overflow-x:auto}.phone .tv-toolbar::-webkit-scrollbar{display:none}.phone .editor-toolbar-slot::-webkit-scrollbar{display:none}.phone .tv-toolbar>*{flex-shrink:0}.phone .tv-zoom,.phone .tv-hint,.phone .track-header .th-sub,.phone .track-header .th-vol,.phone .track-header .knob,.phone .track-header .th-btn.auto,.phone .track-header .th-meter{display:none}.phone .track-header .th-icon{width:34px}.phone .track-header .th-icon svg{width:18px;height:18px}.phone .track-header .th-name{font-size:13px}.phone .track-header .th-btn{width:26px;height:24px;font-size:11px}.phone .editor-head{gap:6px 10px;padding:6px 8px}.phone .editor-title{white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.phone .editor-toolbar-slot{scrollbar-width:none;flex-wrap:nowrap;flex:none;justify-content:flex-start;gap:6px;width:100%;padding-bottom:2px;overflow-x:auto}.phone .editor-toolbar-slot>*,.phone .editor-toolbar-slot .row{flex-shrink:0;flex-wrap:nowrap!important}.phone .editor-toolbar-slot *{flex-shrink:0}.phone .ss-head .ss-knob,.phone .ss-head .ss-ms{display:none}.phone .ss-name{text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.phone .ss-toolbar,.phone .ss-bottom{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.phone .ss-toolbar>*,.phone .ss-bottom>*{flex-shrink:0}.phone .score-tools{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.phone .score-tools>*{flex-shrink:0}.phone .score-hint{display:none}.phone .track-header .th-btn{width:24px}.phone .track-header .th-controls{gap:3px}html.touch .project,html.touch .m-project,html.touch .home{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.touch input,html.touch textarea{-webkit-user-select:text;user-select:text}html.touch body,html.touch .tv-scroll{touch-action:pan-x pan-y}html.touch .region,html.touch .region *{touch-action:none}.phone .mixer{overflow:auto hidden}.phone .mixer-strips{flex:none;overflow:visible}.phone .mixer-pinned{flex:none}.phone .fxp{flex-direction:column;overflow-y:auto}.phone .fxp>*{border-bottom:1px solid var(--border-soft);border-right:none!important;flex:none!important;width:100%!important;max-width:none!important}.phone .kp-bar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.phone .kp-bar>*{flex-shrink:0}html.touch .ss-more{opacity:1;flex:none}html.touch .ss-name{min-width:0}.phone .modal-backdrop{align-items:flex-end}.phone .modal{min-width:0;max-width:100%;max-height:94dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;border-left:none;border-right:none;border-radius:6px 16px 0 0;animation:.2s m-sheet-up;width:100%!important}.phone .modal-body{padding-left:14px;padding-right:14px;overflow:hidden auto}.phone .modal-foot{flex-wrap:wrap;padding:10px 14px}.phone .modal-foot .btn{min-height:40px}.phone .modal-foot .export-summary{flex-basis:100%;margin:0 0 2px}.phone .form-grid,.phone .export-settings,.phone .yt-settings{gap:4px 0;grid-template-columns:minmax(0,1fr)!important}.phone .form-grid>.label,.phone .export-settings>.label,.phone .yt-settings>.label{text-align:left;margin-top:8px}.phone .export-formats{grid-template-columns:repeat(4,1fr)}.phone .info-grid{grid-template-columns:1fr}.phone .newtrack-kinds{grid-template-columns:1fr 1fr}.phone .newtrack-card{padding:14px}.phone .newtrack-desc{font-size:12px}.phone .newtrack-pick{flex-direction:column;min-height:0}.phone .newtrack-cats{scrollbar-width:none;flex-direction:row;width:auto;overflow-x:auto}.phone .newtrack-cats>*{flex:none}.phone .newtrack-cats .spacer{display:none}.phone .preset-grid{grid-template-columns:1fr 1fr}.phone .ver-actions .btn.icon{width:34px;height:34px}.phone .yt-art-side{width:100%}.phone .yt-thumb{flex:1;width:auto}.phone .home{height:100dvh}.phone .home-header{padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;flex-wrap:wrap;gap:8px}.phone .home-header .brand-sub,.phone .home-header .spacer{display:none}.phone .home-search{flex-basis:100%;order:10;max-width:none}.phone .home-search input{width:100%}.phone .home-header>.btn:not(.primary){margin-left:auto}.phone .home-header>.btn:not(.primary)~.btn:not(.primary){margin-left:0}.phone .home-header>.btn:not(.primary) .btn-label,.phone .home-header .nothing{display:none}.phone .home-main{padding:4px 14px calc(env(safe-area-inset-bottom) + 24px)}.phone .quick-row{scrollbar-width:none;scroll-snap-type:x mandatory;gap:10px;margin:0 -14px;padding:0 14px 4px;display:flex;overflow-x:auto}.phone .quick-card{scroll-snap-align:start;flex:0 0 72%}.phone .song-grid{grid-template-columns:1fr 1fr;gap:12px}.phone .song-cover{height:110px}.phone .home-foot{padding:10px 14px calc(env(safe-area-inset-bottom) + 10px)}.phone .home-foot .home-links{margin:6px 0 0;display:flex}.install-steps{flex-direction:column;gap:14px;margin:0;padding:4px 10px;font-size:15px;line-height:1.45;list-style:none;display:flex}.install-steps li{align-items:flex-start;gap:12px;display:flex}.install-n{background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.install-glyph{vertical-align:-3px;color:var(--accent-2)}.install-note{color:var(--text-dim);margin:14px 10px 4px;font-size:12px}.install-done{justify-content:center;min-height:44px;margin:10px}@media (height<=500px){.m-project{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.m-top{grid-column:1/-1;padding-top:2px;padding-bottom:2px}.m-top .m-icon,.m-title{height:36px}.m-main{grid-column:1/-1}.m-transport{padding-bottom:calc(env(safe-area-inset-bottom) + 4px);grid-column:1}.m-tabs{border-left:1px solid var(--border-soft);grid-column:2}.m-tabs button{flex:none;width:54px;height:auto}.m-tabs button span{display:none}.m-lcd{max-width:200px}.phone .tv-toolbar{padding-top:2px;padding-bottom:2px}}.bf-tip{z-index:3000;color:#e9e5e0;pointer-events:none;background:#181716f7;border:1px solid #3f3d3a;border-radius:4px;align-items:center;gap:8px;max-width:320px;padding:5px 9px;font-size:12px;line-height:1.35;animation:.1s fade-in;display:flex;position:fixed;box-shadow:0 6px 22px #00000080}.bf-tip-keys{flex-shrink:0;gap:4px;display:inline-flex}.bf-tip kbd{color:#fff;background:#343230;border-color:#504d4a;font-size:11px}.sc-panel{flex-direction:column;gap:6px;display:flex}.sc-top{z-index:2;background:var(--panel);align-items:center;gap:8px;padding:4px 0 6px;display:flex;position:sticky;top:-18px}.sc-search{background:var(--bg-2);border:1px solid var(--border);color:var(--text-faint);border-radius:4px;flex:1;align-items:center;gap:7px;padding:0 9px;display:flex}.sc-search input{flex:1;background:0 0!important;border:none!important;padding:7px 0!important}.sc-hint{font-size:11.5px}.sc-group h4{color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px;font-size:11.5px}.sc-row{border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:4px 6px;font-size:12.5px;display:flex}.sc-row:hover{background:#ffffff09}.sc-row.custom .sc-label{color:var(--accent-2)}.sc-label{flex:1;align-items:baseline;gap:8px;min-width:200px;display:flex}.sc-where{color:var(--text-faint);font-size:10.5px}.sc-keys{flex-shrink:0;align-items:center;gap:5px;display:flex}.sc-key-wrap{align-items:center;display:inline-flex;position:relative}.sc-key{font-family:var(--mono);border:1px solid var(--border);background:var(--panel-3);min-width:30px;height:24px;color:var(--text);cursor:pointer;border-bottom-width:2px;border-radius:3px;padding:0 8px;font-size:11.5px}.sc-key:hover{border-color:var(--accent)}.sc-key.capturing{border-color:var(--accent);color:var(--accent-2);font-family:var(--font);background:#e8a33d2e;align-items:center;animation:1.1s infinite sc-pulse;display:inline-flex}@keyframes sc-pulse{50%{border-color:#e8a33d59}}.sc-remove{color:#fff;cursor:pointer;background:#605d59;border:none;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;padding:0;display:none;position:absolute;top:-6px;right:-6px}.sc-key-wrap:hover .sc-remove{display:inline-flex}.sc-add,.sc-reset{border:1px dashed var(--border);height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:3px;padding:0 6px;font-size:11.5px;display:inline-flex}.sc-reset{border-style:solid;border-color:#0000}.sc-add:hover,.sc-reset:hover{color:var(--text);border-color:var(--text-faint)}.sc-clash{background:#e08a3c1a;border:1px solid #e08a3c66;border-radius:4px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;margin:2px 0 4px;padding:7px 10px;font-size:12px;display:flex}.sc-row.fixed kbd{font-size:11px}.tour-root{z-index:3000;position:fixed;inset:0}.tour-shade{position:absolute;inset:0}.tour-shade.full{background:#0000009e;animation:.2s fade-in}.tour-spot{box-shadow:0 0 0 2px var(--accent), 0 0 0 6px #e8a33d40, 0 0 0 9999px #0000009e;pointer-events:none;border-radius:5px;transition:left .28s,top .28s,width .28s,height .28s;position:absolute}.tour-card{background:linear-gradient(170deg,#32302e,#282725);border:1px solid #4b4845;border-radius:6px;padding:16px 18px 14px;transition:left .28s,top .28s;animation:.22s pop-in;position:absolute;box-shadow:0 18px 50px #0009}.tour-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;display:flex;position:absolute;top:10px;right:10px}.tour-close:hover{color:var(--text);background:var(--panel-3)}.tour-step{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);margin-bottom:4px;font-size:10.5px;font-weight:650}.tour-title{margin-bottom:6px;padding-right:18px;font-size:16px;font-weight:700}.tour-body{color:#c8c5c0;font-size:13px;line-height:1.5}.tour-foot{align-items:center;gap:6px;margin-top:14px;display:flex}.tour-dots{gap:4px;display:flex}.tour-dots i{cursor:pointer;background:#504d4a;border-radius:50%;width:6px;height:6px}.tour-dots i.done{background:#85817c}.tour-dots i.on{background:var(--accent);border-radius:3px;width:16px}.empty-hint{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);width:min(560px,100% - 40px);box-shadow:var(--shadow);background:#272624f5;border-radius:6px;padding:14px 16px;animation:.25s pop-in;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.empty-hint-title{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:650;display:flex}.empty-hint-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.empty-hint-item{background:var(--panel-2);cursor:pointer;text-align:left;color:var(--text);border:1px solid #0000;border-radius:5px;align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;display:flex}.empty-hint-item:hover{border-color:var(--accent);background:var(--panel-3)}.empty-hint-item .k{margin-left:auto}.empty-hint-item svg{color:var(--accent-2);flex-shrink:0}.loading-pill{z-index:50;border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text-dim);pointer-events:none;background:#272624f5;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:12px;animation:.2s pop-in;display:flex;position:fixed;top:62px;left:50%;transform:translate(-50%)}.loading-pill .panel-spinner{border-width:2px;width:14px;height:14px}.help-tour{background:#e8a33d1f;border:1px solid #e8a33d59;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.home{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.home-header{border-bottom:1px solid var(--border-soft);background:var(--bg-2);align-items:center;gap:10px;padding:18px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-name{letter-spacing:.01em;font-size:19px;font-weight:600}.brand-sub{color:var(--text-dim);font-size:12px}.home-search{background:var(--bg-2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;align-items:center;gap:6px;padding:0 10px;display:flex}.home-search input{background:0 0;border:none;width:180px;padding:7px 0}.home-main{flex:1;padding:10px 32px 32px;overflow:auto}.home-h2{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:26px 0 12px;font-size:12px;font-weight:600}.quick-row{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.quick-card{text-align:left;border:1px solid var(--border-soft);background:var(--panel);cursor:pointer;border-radius:6px;padding:16px;transition:border-color .12s,background .12s}.quick-card:hover{background:var(--panel-2);border-color:var(--accent)}.quick-card.demo{box-shadow:inset 2px 0 0 var(--accent)}.quick-title{margin-bottom:4px;font-size:14px;font-weight:650}.quick-desc{color:var(--text-dim);font-size:12px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid}.song-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:6px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.song-card:hover{border-color:var(--border);box-shadow:0 8px 24px #0006}.song-cover-wrap{cursor:pointer;position:relative}.song-cover{height:130px;position:relative;overflow:hidden}.song-cover-img{object-fit:cover;width:100%;display:block}.song-artist{color:var(--text);opacity:.8}.song-cover-bars{align-items:center;gap:3px;display:flex;position:absolute;inset:30px 12px 14px}.song-cover-bars div{background:#ffffff59;border-radius:2px;flex:1}.song-cover-note{color:#ffffffd9;position:absolute;top:10px;left:12px}.song-open{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.song-cover-wrap:hover .song-open{opacity:1}.song-info{padding:10px 12px 12px}.song-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;padding-right:22px;font-size:14px;font-weight:600;overflow:hidden}.song-meta{color:var(--text-dim);font-size:11.5px}.song-more{position:absolute;bottom:40px;right:6px}.home-empty{color:var(--text-dim);border:1px dashed var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:10px;padding:40px;display:flex}.home-foot{border-top:1px solid #ffffff0d;padding:10px 32px;font-size:12px}.home-links{gap:14px;margin-left:16px;display:inline-flex}.home-links a{color:inherit}.template-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.template-card,.newtrack-card,.preset-card{border:1px solid var(--border-soft);background:var(--panel-2);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .12s,background .12s,transform .12s;display:flex}.template-card:hover,.newtrack-card:hover,.preset-card:hover{border-color:var(--accent);background:var(--panel-3);transform:translateY(-1px)}.template-icon{color:var(--accent-2)}.template-name,.newtrack-title{font-size:14px;font-weight:650}.template-desc,.newtrack-desc{color:var(--text-dim);font-size:12px}.newtrack-kinds{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.newtrack-pick{gap:14px;min-height:360px;display:flex}.newtrack-cats{flex:none;gap:2px;width:170px}.newtrack-card{padding:22px}.newtrack-icon{margin-bottom:6px}.preset-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-content:start;gap:10px;display:grid}.preset-card{color:var(--midi);padding:12px}.preset-card.drums{color:var(--drums)}.preset-name{color:var(--text);font-weight:600}.preset-desc{color:var(--text-dim);font-size:11.5px}.lib-cat{text-align:left;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:7px 10px}.lib-cat:hover{background:var(--panel-2);color:var(--text)}.lib-cat.on{background:var(--accent);color:var(--on-accent)}.project{background:var(--bg);flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);z-index:20;border-bottom:1px solid #0d0d0c;flex-shrink:0;align-items:center;gap:12px;height:54px;padding:0 10px;display:flex;position:relative;box-shadow:inset 0 1px #f6f1e80a}.tb-group{align-items:center;gap:4px;display:flex}.tb-group.right{margin-left:auto}.tb-back{color:var(--accent-2);gap:2px;padding-left:4px}.tb-title{text-overflow:ellipsis;white-space:nowrap;cursor:text;max-width:170px;padding:0 6px;font-weight:600;overflow:hidden}.save-ind{color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:3px;margin-right:6px;padding:3px 5px;font-family:inherit;font-size:11px;display:flex}.save-ind:hover{color:var(--text);border-color:var(--border-soft);background:var(--panel-2)}.save-hist{opacity:.7;margin-left:2px}.spin{animation:1s linear infinite spin}.btn.tb{background:#0000002e;height:32px}.btn.tb.icon{width:34px}.btn.tb:hover{background:#ffffff14}.btn.tb.active{background:#e8a33d38}.tb-center{z-index:1;align-items:center;gap:10px;margin:0 auto;display:flex}.transport{gap:3px;display:flex}.btn.tb.play.on{color:var(--green)}.btn.tb.rec{color:var(--record)}.btn.tb.rec.on{background:var(--record);color:#fff;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.65}}.btn.tb.cycle-on{color:var(--cycle);background:#e3c35a38}.btn.count-in{font-size:10px;font-family:var(--mono);letter-spacing:-.03em;height:32px!important}.lcd{background:#0d0c0b;border:1px solid #040404;border-radius:3px;align-items:stretch;height:40px;padding:0 4px;display:flex;box-shadow:inset 0 1px 4px #000c,0 1px #f6f1e80d}.lcd-cell{flex-direction:column;justify-content:center;align-items:center;min-width:56px;padding:0 12px;display:flex;position:relative}.lcd-pos{cursor:pointer;min-width:112px}.lcd-big{font-family:var(--mono);color:var(--accent);text-shadow:0 0 6px #e8a33d59;white-space:nowrap;font-size:16px;font-weight:500;line-height:1.1}.lcd-small{color:#8a7653;letter-spacing:.12em;font-size:8.5px;font-weight:600}.lcd-sep{background:#272421;width:1px;margin:7px 0}.lcd-input{text-align:center;width:52px;height:22px;font-size:15px;padding:0!important}.popover{z-index:100;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);cursor:default;border-radius:5px;padding:12px;position:absolute;top:calc(100% + 8px)}.key-popover{width:330px;left:50%;transform:translate(-50%)}.scale-picker{flex-direction:column;gap:8px;margin-top:10px;display:flex}.scale-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;font-size:10.5px;font-weight:600}.scale-btns{flex-wrap:wrap;gap:4px;display:flex}.scale-btn{border:1px solid var(--border-soft);background:var(--panel-2);cursor:pointer;border-radius:3px;padding:4px 9px;font-size:12px}.scale-btn:hover{background:var(--panel-3)}.scale-btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.key-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.key-btn{border:1px solid var(--border-soft);background:var(--panel-2);cursor:pointer;border-radius:3px;height:30px}.key-btn:hover{background:var(--panel-3)}.key-btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.master-vol{gap:6px;margin:0 6px}.mini-meter{flex-direction:column;gap:2px;width:40px;display:flex}.mini-meter>div{background:#0e0d0d;border-radius:2px;height:4px;overflow:hidden}.mini-meter i{background:linear-gradient(90deg,#5dbb7a,#5dbb7a 70%,#e3c35a 88%,#e05a4a);height:100%;transition:width 50ms;display:block}.tb-export{margin:0 4px}@media (width<=1500px){.tb-title,.save-ind span,.tb-back span{display:none}.master-vol .hslider{width:60px!important}.tb-center{gap:6px;margin:0 auto;position:static;transform:none}.tb-group.right{margin-left:0}.topbar{gap:8px}}@media (width<=1360px){.master-vol .hslider,.master-vol .mini-meter{display:none!important}.tb-export span,.btn.tb.icon{width:30px}.lcd-cell{min-width:48px;padding:0 8px}.lcd-pos{min-width:96px}}.workspace{isolation:isolate;z-index:0;flex:1;min-height:0;display:flex;position:relative}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.tracks-area{flex:1;min-height:0;position:relative}.dock-splitter{cursor:ns-resize;background:#0d0d0c;border-top:1px solid #2e2c2a;border-bottom:1px solid #2e2c2a;flex-shrink:0;height:6px;position:relative}.dock-splitter:after{content:"";background:#4f4d49;border-radius:1px;width:40px;height:2px;margin-left:-20px;position:absolute;top:1px;left:50%}.dock{background:var(--panel);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.dock-inner{flex-direction:column;height:100%;min-height:0;display:flex}.dock-tabs{background:#1f1e1d;border-bottom:1px solid #131211;flex-shrink:0;align-items:center;gap:2px;padding:4px 8px;display:flex}.dock-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 12px;font-size:12px;font-weight:550}.dock-tab:hover{color:var(--text)}.dock-tab.on{background:var(--panel-3);color:var(--text)}.dock-content{flex:1;min-height:0;position:relative;overflow:hidden}.editor-panel{flex-direction:column;height:100%;display:flex}.editor-head{border-bottom:1px solid var(--border-soft);background:var(--panel);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:40px;padding:6px 10px;display:flex}.editor-title{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex}.editor-toolbar-slot{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.editor-body{flex:1;min-height:0;position:relative}.home-section-head{align-items:center;gap:10px;display:flex}.home-section-head .home-h2{margin-right:auto}.quick-title{align-items:center;gap:7px;display:flex}.quick-title svg{color:var(--accent-2);flex-shrink:0}.lcd-big.lcd-off{color:#6e5d40;text-shadow:none}.studio-loading{background:var(--bg);height:100dvh;position:relative;overflow:hidden}.studio-loading-bar{background:var(--accent);width:40%;height:3px;animation:1s ease-in-out infinite studio-load;position:absolute;top:0;left:-40%}@keyframes studio-load{to{left:100%}}.jam-identity{align-items:flex-start;gap:14px;display:flex}.jam-avatar{color:#111;width:26px;height:26px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:inline-flex;position:relative}.jam-avatar.lg{width:52px;height:52px;font-size:18px}.jam-avatar.sm{width:22px;height:22px;font-size:9px;box-shadow:0 0 0 2px #292826}.jam-avatar.more{background:var(--panel-3);color:var(--text)}.jam-crown{color:var(--yellow);fill:var(--yellow);position:absolute;top:-6px;right:-3px}.jam-colors{flex-wrap:wrap;gap:6px;display:flex}.jam-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.jam-color.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.jam-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.jam-card{border:1px solid var(--border-soft);background:var(--panel-2);border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex}.jam-card-title{align-items:center;gap:7px;font-size:14px;font-weight:650;display:flex}.jam-card-desc{flex:1;font-size:12.5px}.jam-code-box{background:var(--bg-2);border:1px solid var(--border-soft);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.jam-code{letter-spacing:.12em;color:#efebe2;-webkit-user-select:all;user-select:all;font-size:30px;font-weight:700}.jam-status{align-items:center;gap:8px;font-size:13px;display:flex}.jam-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.jam-people{flex-direction:column;gap:6px;display:flex}.jam-person{align-items:center;gap:9px;display:flex}.jam-toggle-row{cursor:pointer;align-items:flex-start;gap:12px}.jam-bar{align-items:center;gap:4px;display:flex}.jam-bar-main{border-radius:var(--radius-sm);cursor:pointer;background:#0000002e;border:none;align-items:center;gap:7px;height:32px;padding:0 8px;display:flex}.jam-bar-main:hover{background:#ffffff14}.jam-bar-label{color:var(--text-dim);font-size:12px}.jam-stack{display:flex}.jam-stack .jam-avatar+.jam-avatar{margin-left:-6px}.btn.tb{position:relative}.jam-badge{background:var(--record);color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.jam-chat{z-index:300;border:1px solid var(--border);width:300px;height:min(440px,100vh - 90px);box-shadow:var(--shadow);background:#272624fa;border-radius:6px;flex-direction:column;animation:.15s pop-in;display:flex;position:fixed;top:64px;right:14px}.jam-chat-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:7px;padding:8px 10px;font-weight:600;display:flex}.jam-chat-list{flex-direction:column;flex:1;gap:8px;padding:8px 10px;display:flex;overflow-y:auto}.jam-msg{-webkit-user-select:text;user-select:text;flex-direction:column;gap:1px;display:flex}.jam-msg-name{font-size:11px;font-weight:650}.jam-msg-text{word-wrap:break-word;font-size:13px}.jam-chat-input{border-top:1px solid var(--border-soft);gap:6px;padding:8px;display:flex}.jam-chat-input input{flex:1}.jam-pill{z-index:950;border:1px solid var(--border);max-width:min(680px,92vw);box-shadow:var(--shadow);background:#2c2a28fa;border-radius:99px;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:13px;animation:.18s pop-in;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.presence-dots{z-index:2;pointer-events:none;gap:2px;display:flex;position:absolute;top:5px;right:6px}.presence-dot{color:#111;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:7.5px;font-weight:800;display:flex;box-shadow:0 0 0 1.5px #1d1c1b}.presence-outline{pointer-events:none;z-index:3;border:2px solid;border-radius:3px;position:absolute;inset:0}.presence-tag{transform:translateX(clamp(0px, calc(var(--sx,0px) - var(--rl,0px)), calc(var(--rw,0px) - 120px)));z-index:4;color:#111;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:calc(100% - 4px);padding:1px 6px;font-size:10px;font-weight:650;position:absolute;bottom:3px;left:4px;overflow:hidden}.peer-playhead{border-left:1.5px dashed var(--pc);pointer-events:none;z-index:40;will-change:transform;width:0;position:absolute;top:0;bottom:0;left:0}.peer-playhead span{background:var(--pc);color:#111;white-space:nowrap;border-radius:3px;margin-left:3px;padding:0 4px;font-size:9.5px;font-weight:700;display:inline-block;position:sticky;top:2px}.btn.tb.jam-open{gap:5px;padding:0 9px}@media (width<=1500px){.tb-jam-label{display:none}.btn.tb.jam-open{width:34px;padding:0}}