@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(./Inter-Regular-BCPcYxU0.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(./Inter-Medium-BRVymIab.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(./Inter-SemiBold-DEPWRPo3.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(./Inter-Bold-LSAjQlhb.woff) format("woff")}:root{--bg0: #000;--bg1: #050505;--bg2: #0a0a0a;--bg3: #101010;--bg4: #171717;--bg5: #1f1f1f;--line: #1c1c1c;--line2: #2a2a2a;--line3: #3a3a3a;--text: #f4f4f4;--text2: #a6a6a6;--text3: #6a6a6a;--text4: #444;--white: #fff;--red: #ff3b30;--glow: 0 0 14px rgba(255, 255, 255, .28);--glow-strong: 0 0 22px rgba(255, 255, 255, .45);--radius: 6px;--radius-lg: 10px;--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Inter", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg0);color:var(--text);overflow:hidden}body{font:400 13px/1.4 var(--font);font-feature-settings:"cv11","ss01","tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default;opacity:.35}input,textarea{user-select:text;-webkit-user-select:text}canvas{display:block}kbd{font:500 10px/1 var(--mono);padding:3px 5px;border:1px solid var(--line3);border-bottom-width:2px;border-radius:4px;color:var(--text2);background:var(--bg3)}[hidden],.hidden{display:none!important}.flex-spacer{flex:1}.muted{color:var(--text3)}.small{font-size:11px}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none}:focus{outline:none}:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#222;border-radius:10px;border:2px solid var(--bg1)}::-webkit-scrollbar-thumb:hover{background:#333}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-color:#262626 transparent;scrollbar-width:thin}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--radius);background:var(--bg3);color:var(--text);font-weight:500;white-space:nowrap;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .25s var(--ease),transform .12s var(--ease),color .18s}.btn:hover:not(:disabled){background:var(--bg5);border-color:var(--line3)}.btn:active:not(:disabled){transform:scale(.97)}.btn.on{border-color:var(--text2);box-shadow:var(--glow)}.btn-sm{height:26px;padding:0 10px;font-size:12px;gap:5px}.btn-lg{height:44px;padding:0 22px;font-size:14px;border-radius:8px}.btn-primary{background:var(--white);color:#000;border-color:var(--white);font-weight:600}.btn-primary:hover:not(:disabled){background:#e8e8e8;border-color:#e8e8e8;box-shadow:var(--glow-strong)}.btn-danger{border-color:#ff3b3080;color:#ff6b62}.btn-danger:hover:not(:disabled){background:#ff3b301f!important;border-color:var(--red)!important}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;color:var(--text2);transition:background .15s var(--ease),color .15s,transform .12s var(--ease)}.icon-btn:hover{background:var(--bg5);color:var(--text)}.icon-btn:active{transform:scale(.9)}.link-btn{color:var(--text3);font-size:11px;transition:color .15s}.link-btn:hover{color:var(--text)}.input{width:100%;height:34px;padding:0 11px;background:var(--bg1);border:1px solid var(--line2);border-radius:var(--radius);transition:border-color .18s,box-shadow .2s}.input:focus{border-color:var(--text3);box-shadow:0 0 0 3px #ffffff0f}.field-label{display:block;margin:14px 0 6px;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text3);text-transform:uppercase}.tsel{height:28px;padding:0 26px 0 10px;border-radius:var(--radius);background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid var(--line2);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s,background-color .15s}.tsel:hover{border-color:var(--line3);background-color:var(--bg4)}.tsel.mini{height:24px;font-size:11px}select option{background:#111;color:#eee}.chip{height:26px;padding:0 11px;border-radius:13px;border:1px solid var(--line2);color:var(--text2);font-size:12px;font-weight:500;transition:all .18s var(--ease)}.chip:hover{border-color:var(--line3);color:var(--text)}.chip.on{background:var(--white);color:#000;border-color:var(--white);box-shadow:var(--glow)}.chip:active{transform:scale(.95)}.seg{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line2);border-radius:7px;background:var(--bg1);flex-wrap:wrap}.seg-label{font-size:11px;color:var(--text3);padding:0 8px 0 6px}.seg-btn{height:24px;padding:0 10px;border-radius:5px;color:var(--text2);font-size:12px;font-weight:500;transition:all .18s var(--ease)}.seg-btn:hover{color:var(--text);background:var(--bg4)}.seg-btn.on{background:var(--white);color:#000;box-shadow:var(--glow)}.switch{width:36px;height:20px;border-radius:10px;background:var(--bg5);border:1px solid var(--line3);position:relative;transition:background .2s var(--ease),border-color .2s}.switch span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text3);transition:transform .25s var(--spring),background .2s}.switch.on{background:#e9e9e9;border-color:#fff}.switch.on span{transform:translate(16px);background:#000}.panel-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.start{position:fixed;inset:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.07),transparent 60%),var(--bg0);animation:fade-in .6s var(--ease)}.start-inner{width:min(860px,100%);padding:max(8vh,40px) 24px 40px;display:flex;flex-direction:column;align-items:center}.start-logo{width:84px;height:84px;color:#fff;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:float-in .9s var(--ease-out) both}.start-logo svg{width:100%;height:100%}.start-title{margin:22px 0 6px;font-size:34px;font-weight:600;letter-spacing:.42em;padding-left:.42em;display:flex;gap:16px;align-items:baseline;animation:float-in .9s var(--ease-out) .08s both}.start-title span{font-size:12px;font-weight:500;letter-spacing:.5em;color:var(--text3)}.start-tag{margin:0 0 30px;color:var(--text2);animation:float-in .9s var(--ease-out) .14s both}.start-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:float-in .9s var(--ease-out) .2s both}.start-recent-head{align-self:stretch;margin:52px 0 12px;animation:fade-in 1s var(--ease) .3s both}.recent-grid{align-self:stretch;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.recent-empty{grid-column:1 / -1;padding:30px;text-align:center;color:var(--text3);border:1px dashed var(--line2);border-radius:var(--radius-lg)}.recent-card{position:relative;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg2);cursor:pointer;animation:float-in .6s var(--ease-out) both;transition:border-color .2s,background .2s,transform .2s var(--ease),box-shadow .25s}.recent-card:hover{border-color:var(--line3);background:var(--bg3);transform:translateY(-2px);box-shadow:0 10px 30px #0009,0 0 0 1px #ffffff0a}.recent-card .rc-name{font-weight:600;font-size:14px;margin-bottom:6px;padding-right:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-card .rc-meta{color:var(--text2);font-size:12px}.recent-card .rc-date{color:var(--text3);font-size:11px;margin-top:10px}.recent-card .rc-del{position:absolute;top:10px;right:10px;opacity:0}.recent-card:hover .rc-del{opacity:1}.start-foot{margin-top:40px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.featured-section{align-self:stretch;margin-top:40px;animation:fade-in 1s var(--ease) .25s both}.featured-section .start-recent-head{margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.featured-card-wrap{align-self:stretch}.btn-sm{height:26px;padding:0 10px;font-size:11.5px;gap:5px}.featured-publish-btn{opacity:.7}.featured-publish-btn:hover{opacity:1}.featured-card{border-color:var(--line3)!important;background:linear-gradient(135deg,var(--bg2),var(--bg3))!important;max-width:340px}.featured-card:hover{border-color:#fff3!important;box-shadow:0 10px 40px #000000b3,0 0 0 1px #ffffff12!important}.rc-badge{display:inline-block;margin-top:10px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;color:var(--text2);border:1px solid var(--line3)}.publish-status{min-height:18px;font-size:12px;margin-top:8px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.daw{height:100%;height:100dvh;display:grid;grid-template-rows:auto 1fr;background:var(--bg0)}.daw.enter .transport{animation:slide-down .55s var(--ease-out) both}.daw.enter .browser{animation:slide-right .6s var(--ease-out) .05s both}.daw.enter .center{animation:fade-in .6s var(--ease) .08s both}.daw.enter .bottom{animation:slide-up .6s var(--ease-out) .12s both}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes slide-right{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.daw-body{position:relative;display:flex;min-height:0;overflow:hidden}.center{flex:1;min-width:0;display:flex;flex-direction:column}.transport{display:flex;align-items:center;gap:6px;padding:8px 10px;padding-top:max(8px,env(titlebar-area-height,0px));border-bottom:1px solid var(--line);background:linear-gradient(#0b0b0b,#060606);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-height:54px}.transport::-webkit-scrollbar{display:none}.transport.is-recording{box-shadow:inset 0 -1px #ff3b3099}.tr-group{display:flex;align-items:center;gap:2px;padding:0 6px;border-right:1px solid var(--line);flex:none}.tr-group:last-child,.tr-spacer+.tr-group{border-right:0}.tr-spacer{flex:1;min-width:4px}.tr-left{gap:6px;padding-left:0}.tr-right{gap:6px}.logo-mark{width:26px;height:26px;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.25));flex:none}.proj-name{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:var(--radius);font-weight:600;max-width:220px;transition:background .15s}.proj-name:hover{background:var(--bg4)}.proj-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-dot{width:6px;height:6px;border-radius:50%;background:var(--text4);transition:background .3s,box-shadow .3s;flex:none}.save-dot.saved{background:#fff;box-shadow:0 0 6px #fff9}.save-dot.saving{background:var(--text2);animation:pulse .8s ease infinite alternate}.save-dot.dirty{background:var(--text3)}.save-dot.error{background:var(--red)}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.tbtn{width:34px;height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--text2);transition:background .16s var(--ease),color .16s,box-shadow .25s var(--ease),transform .1s var(--ease)}.tbtn:hover:not(:disabled){background:var(--bg4);color:var(--text)}.tbtn:active:not(:disabled){transform:scale(.9)}.tbtn.on{color:#fff;background:var(--bg5);box-shadow:inset 0 0 0 1px var(--line3),var(--glow)}.tbtn-play{width:40px;height:40px;border-radius:50%;border:1px solid var(--line3);color:#fff}.tbtn-play.on{background:#fff;color:#000;box-shadow:var(--glow-strong)}.tbtn-rec{color:#b33}.tbtn-rec:hover{color:var(--red)}.tbtn-rec.on{color:#fff;background:var(--red);box-shadow:0 0 18px #ff3b30b3;animation:rec-pulse 1.1s ease-in-out infinite}@keyframes rec-pulse{50%{box-shadow:0 0 6px #ff3b3066}}.lcd{height:38px;min-width:76px;padding:0 10px;margin:0 2px;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg0);border:1px solid var(--line2);cursor:default;transition:border-color .15s,box-shadow .2s}.lcd:first-child{min-width:104px;cursor:pointer}.lcd-click{cursor:ns-resize}.lcd:hover{border-color:var(--line3)}.lcd-main{font:600 15px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 10px rgba(255,255,255,.35)}.lcd-sub{font:500 9px/1 var(--mono);color:var(--text3);margin-top:4px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.tr-lcds .lcd:nth-child(3){cursor:pointer}.btn-ai{height:32px;gap:7px;border-color:var(--line3);background:linear-gradient(180deg,#161616,#0c0c0c)}.btn-ai:hover{box-shadow:var(--glow);border-color:var(--text3)}.btn-ai .icon{animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{50%{filter:drop-shadow(0 0 4px #fff)}}.top-meter{width:90px;height:14px;border-radius:2px;flex:none}.install-btn{border-color:var(--text3)}.browser{width:264px;flex:none;overflow-y:auto;border-right:1px solid var(--line);background:var(--bg1);margin-left:-264px;transition:margin-left .35s var(--ease-out),opacity .3s;opacity:0}.daw.sidebar-open .browser{margin-left:0;opacity:1}.sidebar-scrim{display:none}@media(max-width:1099px){.browser{position:absolute;z-index:40;top:0;bottom:0;left:0;margin-left:0;transform:translate(-102%);transition:transform .35s var(--ease-out),opacity .3s;box-shadow:20px 0 40px #0009}.daw.sidebar-open .browser{transform:none}.daw.sidebar-open .sidebar-scrim{display:block;position:absolute;inset:0;z-index:39;background:#00000080;animation:fade-in .3s}}.bsec{border-bottom:1px solid var(--line)}.bsec-head{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:color .15s}.bsec-head:hover{color:var(--text)}.bsec-head .icon{transition:transform .25s var(--ease)}.bsec.collapsed .bsec-head>.icon{transform:rotate(-90deg)}.bsec-action{display:inline-flex;width:22px;height:22px;border-radius:4px;align-items:center;justify-content:center;color:var(--text2);transition:background .15s}.bsec-action:hover{background:var(--bg5);color:#fff}.bsec-body{padding:0 12px 14px;display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s var(--ease),padding .3s}.bsec-body>*{min-height:0;overflow:hidden}.bsec.collapsed .bsec-body{grid-template-rows:0fr;padding-bottom:0}.pi-big{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pi-cell{padding:12px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--bg0);text-align:center}.pi-num{font-size:20px;font-weight:600;text-shadow:0 0 12px rgba(255,255,255,.3)}.pi-lbl{font-size:10px;color:var(--text3);margin-top:3px;letter-spacing:.06em;text-transform:uppercase}.pi-stats{margin-top:10px;display:grid;gap:4px}.pi-stat{display:flex;justify-content:space-between;font-size:12px}.pi-k{color:var(--text3)}.pi-v{font-variant-numeric:tabular-nums}.file-list,.plugin-list,.recent-list{display:flex;flex-direction:column;gap:1px}.file-row,.plug-row,.recent-row{display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 8px;border-radius:5px;color:var(--text2);cursor:grab;transition:background .15s,color .15s,transform .15s var(--ease)}.file-row:hover,.plug-row:hover,.recent-row:hover{background:var(--bg4);color:var(--text)}.plug-row:active,.file-row:active{transform:scale(.98)}.file-row.unused{opacity:.6}.file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-dur{font-size:11px;color:var(--text3);font-variant-numeric:tabular-nums}.plug-cat{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text4);margin:10px 0 3px 8px}.plug-cat:first-child{margin-top:0}.recent-row{flex-direction:column;align-items:flex-start;gap:1px;cursor:pointer;text-align:left}.recent-name{color:var(--text);font-weight:500}.recent-meta{font-size:11px;color:var(--text3)}.timeline{flex:1;min-height:120px;display:grid;grid-template-columns:210px 1fr;grid-template-rows:34px 1fr;background:var(--bg1);position:relative}.tl-corner{display:flex;align-items:center;gap:8px;padding:0 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#060606}.tl-corner-info{font-size:11px;color:var(--text3)}.tl-ruler-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.tl-ruler{position:absolute;inset:0;cursor:text}.tl-headers{overflow:hidden;border-right:1px solid var(--line);background:var(--bg1);position:relative}.tl-headers-inner{will-change:transform}.tl-scroll{position:relative;overflow:auto;overscroll-behavior:contain}.tl-canvas{position:sticky;top:0;left:0;z-index:1}.tl-spacer{pointer-events:none}.track-header{display:grid;grid-template-rows:auto auto 1fr;gap:6px;padding:9px 10px 8px 12px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;cursor:default;transition:background .2s}.track-header:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--line3);transition:background .2s,box-shadow .25s}.track-header.selected{background:#ffffff09}.track-header.selected:before{background:#fff;box-shadow:0 0 8px #fffc}.th-top{display:flex;align-items:center;gap:7px;min-width:0}.th-icon{color:var(--text3)}.th-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.th-del{opacity:0;width:22px;height:22px}.track-header:hover .th-del{opacity:1}.th-btns{display:flex;gap:4px}.th-btn{height:22px;min-width:24px;padding:0 6px;border-radius:4px;border:1px solid var(--line2);font-size:10px;font-weight:600;color:var(--text3);display:inline-flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.th-btn:hover{color:var(--text);border-color:var(--line3)}.th-btn.on{background:#fff;color:#000;border-color:#fff;box-shadow:var(--glow)}.th-move{display:flex;gap:2px;margin-left:auto}.th-move-up,.th-move-dn{width:18px;min-width:18px;height:18px;font-size:8px;padding:0;opacity:.5}.th-move-up:hover,.th-move-dn:hover{opacity:1}.th-arm{color:#a33}.th-arm.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 10px #ff3b3099}.th-fx{margin-left:auto}.th-fx.on{background:transparent;color:#fff;border-color:var(--text3);box-shadow:none}.th-meter{height:4px;width:100%;border-radius:2px;align-self:end}.track-header.add-row{display:flex;align-items:center;gap:8px;height:46px;color:var(--text3);cursor:pointer;border-bottom:0}.track-header.add-row:before{display:none}.track-header.add-row:hover{color:var(--text);background:#ffffff05}.bottom{flex:none;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--bg1);position:relative;transition:height .3s var(--ease-out);min-height:0}.bottom.collapsed{height:38px!important}.bottom.collapsed .panel-host{display:none}.bottom.collapsed .collapse-btn .icon{transform:rotate(180deg)}.resizer{position:absolute;top:-4px;left:0;right:0;height:8px;cursor:ns-resize;z-index:5}.resizer:hover:after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:#ffffff59;box-shadow:0 0 8px #ffffff80}.tabbar{position:relative;display:flex;align-items:center;height:38px;padding:0 8px;border-bottom:1px solid var(--line);flex:none}.tab{position:relative;height:38px;padding:0 14px;color:var(--text3);font-weight:500;transition:color .2s}.tab:hover{color:var(--text2)}.tab.active{color:var(--text)}.tab-indicator{position:absolute;bottom:-1px;left:0;height:2px;background:#fff;box-shadow:0 0 10px #fffc;transition:transform .35s var(--ease-out),width .35s var(--ease-out)}.collapse-btn .icon{transition:transform .25s var(--ease)}.panel-host{position:relative;flex:1;min-height:0}.panel{position:absolute;inset:0;overflow:auto;opacity:0;transform:translateY(10px);pointer-events:none;visibility:hidden;transition:opacity .28s var(--ease),transform .35s var(--ease-out),visibility 0s .3s}.panel.active{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .28s var(--ease),transform .35s var(--ease-out),visibility 0s}@media(max-width:1280px){.tr-zoom{display:none}}@media(max-width:900px){.timeline{grid-template-columns:150px 1fr}.top-meter{display:none}.lcd{min-width:64px}.btn-ai span{display:none}}@media(pointer:coarse){.tbtn{width:40px;height:40px}.th-btn{height:28px;min-width:30px}.track-header .th-del{opacity:1}}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .25s var(--ease),backdrop-filter .3s var(--ease)}.modal-backdrop.open{background:#0000009e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-backdrop.closing{background:#0000;backdrop-filter:blur(0)}.modal{width:520px;max-width:100%;max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:linear-gradient(180deg,#0f0f0f,#080808);border:1px solid var(--line2);border-radius:14px;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff08,0 0 60px #ffffff0a;opacity:0;transform:scale(.94) translateY(8px);transition:opacity .25s var(--ease),transform .35s var(--spring)}.modal-backdrop.open .modal{opacity:1;transform:none}.modal-backdrop.closing .modal{opacity:0;transform:scale(.96);transition:opacity .18s,transform .2s var(--ease)}.modal-head{display:flex;align-items:center;gap:12px;padding:18px 20px 6px}.modal-title{flex:1;margin:0;font-size:16px;font-weight:600;letter-spacing:.01em}.modal-body{padding:10px 20px 18px;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.modal-text{color:var(--text2);margin:4px 0;line-height:1.6;user-select:text}.mic-error-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,59,48,.5);color:var(--red);margin:4px 0 12px;box-shadow:0 0 20px #ff3b3040}.an-mini{display:flex;align-items:center;gap:14px;padding:10px 0 6px;color:var(--text2)}.toast-host{position:fixed;z-index:2000;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:14px;max-width:min(560px,92vw);padding:10px 14px;border-radius:9px;background:#141414f5;border:1px solid var(--line3);box-shadow:0 12px 36px #0009;color:var(--text);font-weight:500;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .25s var(--ease),transform .35s var(--spring)}.toast.in{opacity:1;transform:none}.toast.out{opacity:0;transform:translateY(6px) scale(.98);transition-duration:.2s}.toast-error{border-color:#ff3b308c}.toast-error:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);flex:none}.toast-action{padding:5px 10px;border-radius:6px;background:#fff;color:#000;font-weight:600;font-size:12px;transition:box-shadow .2s}.toast-action:hover{box-shadow:var(--glow)}.tooltip{position:fixed;z-index:3000;left:0;top:0;pointer-events:none;display:flex;align-items:center;gap:8px;max-width:300px;padding:6px 9px;border-radius:6px;background:#f2f2f2;color:#000;font-size:11.5px;font-weight:500;line-height:1.35;box-shadow:0 8px 24px #00000080;opacity:0;transition:opacity .15s var(--ease)}.tooltip.show{opacity:1}.tooltip kbd{background:#ddd;border-color:#bbb;color:#333}.menu{position:fixed;z-index:2500;min-width:210px;padding:5px;border-radius:9px;background:#101010fa;border:1px solid var(--line3);box-shadow:0 18px 50px #000000b3;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top left;transition:opacity .14s var(--ease),transform .2s var(--ease-out)}.menu.open{opacity:1;transform:none}.menu.closing{opacity:0;transform:scale(.98)}.menu.menu-scroll{max-height:min(460px,70vh);overflow-y:auto}.menu-item{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 10px 0 6px;border-radius:6px;text-align:left;color:var(--text);transition:background .1s}.menu-item:hover:not(:disabled){background:#fff;color:#000}.menu-item:hover:not(:disabled) kbd{background:#e6e6e6;color:#333;border-color:#ccc}.menu-item.danger{color:#ff6b62}.menu-item.danger:hover{background:var(--red);color:#fff}.menu-check{width:14px;display:inline-flex}.menu-label{flex:1;white-space:nowrap}.menu-key{margin-left:16px}.menu-sep{height:1px;margin:5px 4px;background:var(--line2)}.menu-header{padding:8px 10px 4px 28px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.knob{display:flex;flex-direction:column;align-items:center;gap:3px;width:58px;cursor:ns-resize;border-radius:6px;padding:2px 0}.knob-label{font-size:10px;color:var(--text3);white-space:nowrap;letter-spacing:.02em;transition:color .15s;max-width:100%;overflow:hidden;text-overflow:ellipsis}.knob-dial svg{display:block;overflow:visible}.knob-track{fill:none;stroke:#232323;stroke-width:3;stroke-linecap:round}.knob-fill{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}.knob-body{fill:url(#none);fill:#121212;stroke:#2e2e2e;stroke-width:1;transition:fill .2s,stroke .2s}.knob-pointer{stroke:#fff;stroke-width:2;stroke-linecap:round}.knob-value{font:500 10.5px/1.2 var(--mono);color:var(--text2);font-variant-numeric:tabular-nums;cursor:text;padding:1px 4px;border-radius:3px;white-space:nowrap;transition:background .15s,color .15s}.knob-value:hover{background:var(--bg4);color:var(--text)}.knob-input{width:56px;height:18px;padding:0 4px;font-size:10.5px;text-align:center;background:#000;border:1px solid var(--text3);border-radius:3px}.knob:hover .knob-body{stroke:#4a4a4a;fill:#171717}.knob:hover .knob-label{color:var(--text2)}.knob.active .knob-body{stroke:#fff}.knob.active .knob-label{color:#fff}.knob:focus-visible{outline:1px solid var(--text3)}.fader{position:relative;width:34px;height:100%;min-height:90px;cursor:ns-resize;touch-action:none}.fader-track{position:absolute;left:50%;top:9px;bottom:9px;width:4px;margin-left:-2px;border-radius:2px;background:#1b1b1b;box-shadow:inset 0 0 0 1px #262626}.fader-fill{position:absolute;left:0;right:0;bottom:0;border-radius:2px;background:linear-gradient(to top,#fff3,#ffffff8c)}.fader-thumb{position:absolute;left:50%;width:26px;height:18px;margin-left:-13px;border-radius:4px;background:linear-gradient(#f4f4f4,#bdbdbd);border:1px solid #fff;box-shadow:0 2px 6px #000000b3,0 0 10px #ffffff26;transition:box-shadow .2s,transform .12s var(--ease)}.fader-thumb:after{content:"";position:absolute;left:4px;right:4px;top:8px;height:1px;background:#222}.fader:hover .fader-thumb{box-shadow:0 2px 6px #000000b3,0 0 14px #ffffff59}.fader.active .fader-thumb{transform:scale(1.06);box-shadow:0 2px 8px #000c,var(--glow-strong)}.fader-marks{position:absolute;left:0;top:9px;bottom:9px;width:100%;pointer-events:none}.fader-mark{position:absolute;right:calc(50% + 7px);transform:translateY(50%);font-size:8px;color:var(--text4);font-variant-numeric:tabular-nums}.knob-dial,.fader,.tl-ruler,.eq-canvas,.pad{touch-action:none}.tl-canvas{touch-action:pan-y pinch-zoom}.mixer{display:flex;height:100%;min-height:0}.mixer-strips{flex:1;display:flex;gap:6px;padding:10px;overflow-x:auto;min-width:0}.strip{width:92px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);transition:border-color .2s,background .2s,box-shadow .25s;animation:float-in .45s var(--ease-out) both}.strip.selected{border-color:var(--line3);background:var(--bg3);box-shadow:0 0 0 1px #ffffff0a,0 0 20px #ffffff08}.strip.muted .strip-body{opacity:.45}.strip-head{display:flex;align-items:center;gap:5px;width:100%;min-width:0}.strip-icon{color:var(--text3)}.strip-name{flex:1;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-fx{width:100%;height:20px;border-radius:4px;border:1px solid var(--line2);font-size:10px;font-weight:600;color:var(--text3);transition:all .15s}.strip-fx:hover{color:var(--text);border-color:var(--line3)}.strip-fx.on{color:#fff;border-color:var(--text3)}.strip .knob{width:54px}.strip-body{flex:1;min-height:0;width:100%;display:flex;justify-content:center;gap:6px;transition:opacity .2s}.strip-meter{width:7px;height:100%;border-radius:2px}.strip-meter.stereo{width:16px}.strip-db{font:500 10.5px var(--mono);color:var(--text2);font-variant-numeric:tabular-nums}.strip-btns{display:flex;gap:3px}.sbtn{width:24px;height:22px;border-radius:4px;border:1px solid var(--line2);font-size:10px;font-weight:700;color:var(--text3);transition:all .15s var(--ease)}.sbtn:hover{color:var(--text);border-color:var(--line3)}.sbtn.on{background:#fff;border-color:#fff;color:#000;box-shadow:var(--glow)}.sbtn.s-arm{color:#a33}.sbtn.s-arm.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 10px #ff3b3099}.strip-move{display:flex;gap:2px;margin-left:auto}.sbtn.s-move{width:18px;min-width:18px;height:18px;font-size:8px;padding:0;opacity:.5}.sbtn.s-move:hover{opacity:1}.add-strip{justify-content:center;color:var(--text3);border-style:dashed;cursor:pointer}.add-strip:hover{color:var(--text);border-color:var(--line3)}.mixer-master{flex:none;display:flex;gap:8px;padding:10px 10px 10px 0}.master-strip{width:104px;border-color:var(--line2);background:linear-gradient(180deg,#121212,#0a0a0a)}.clip-led{width:100%;height:20px;border-radius:4px;border:1px solid var(--line2);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text4);transition:all .1s}.clip-led.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 14px #ff3b30cc}.analyzer,.lufs-box{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:9px;background:var(--bg0);padding:8px 10px;min-width:0}.analyzer{width:clamp(220px,26vw,420px)}.lufs-box{width:230px}.analyzer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.analyzer-hint{font-size:10px;color:var(--text4)}.spectrum{flex:1;width:100%;min-height:0}.lufs-body{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}.lufs-meter{flex:1;width:100%;min-height:40px}.lufs-readouts{display:grid;gap:3px}.lufs-row{display:flex;justify-content:space-between;font-size:11px}.lufs-k{color:var(--text3)}.lufs-val{font:500 11px var(--mono);font-variant-numeric:tabular-nums}.lufs-row.big .lufs-val{font-size:13px;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.4)}@media(max-width:1100px){.analyzer{display:none}}.rack{display:flex;height:100%;min-height:0}.rack-targets{width:160px;flex:none;overflow-y:auto;border-right:1px solid var(--line);padding:8px 6px;display:flex;flex-direction:column;gap:2px}.rack-target{display:flex;align-items:center;gap:7px;height:30px;padding:0 8px;border-radius:6px;color:var(--text2);text-align:left;transition:background .15s,color .15s}.rack-target:hover{background:var(--bg4);color:var(--text)}.rack-target.active{background:#fff;color:#000;box-shadow:var(--glow)}.rt-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-count{font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;background:#80808040}.rack-main{flex:1;min-width:0;display:flex;flex-direction:column}.rack-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);flex:none}.rack-title{display:flex;align-items:baseline;gap:10px}.rack-target-name{font-weight:600;font-size:14px}.rack-cards{flex:1;min-height:0;display:flex;gap:10px;padding:12px;overflow-x:auto;overflow-y:hidden;align-items:stretch}.fx-card{position:relative;width:300px;flex:none;display:flex;flex-direction:column;border:1px solid var(--line2);border-radius:10px;background:linear-gradient(180deg,#111,#090909);overflow:hidden;animation:card-in .45s var(--ease-out) both;transition:border-color .2s,opacity .25s,box-shadow .25s,transform .2s var(--ease)}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.fx-card:hover{border-color:var(--line3)}.fx-card.fx-wide{width:470px}.fx-card.bypassed{opacity:.45}.fx-card.bypassed .fx-display,.fx-card.bypassed canvas{filter:grayscale(1) brightness(.6)}.fx-card.dragging{opacity:.3;transform:scale(.97)}.fx-card.drop-before{box-shadow:-6px 0 0 -4px #fff,-10px 0 18px -6px #fff9}.fx-card.drop-after{box-shadow:6px 0 0 -4px #fff,10px 0 18px -6px #fff9}.fx-head{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px 0 4px;border-bottom:1px solid var(--line);cursor:grab;flex:none}.fx-head:active{cursor:grabbing}.fx-grip{color:var(--text4);display:inline-flex;padding:4px 2px}.fx-badge{font:700 9px/1 var(--mono);letter-spacing:.06em;padding:4px 5px;border-radius:4px;background:#fff;color:#000;flex:none}.fx-badge.small{font-size:8px;padding:3px 4px;min-width:32px;text-align:center}.fx-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-preset{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:4px;font-size:11px;color:var(--text3);transition:all .15s}.fx-preset:hover{background:var(--bg5);color:var(--text)}.fx-power{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text4);border:1px solid var(--line2);transition:all .2s var(--ease)}.fx-power.on{color:#000;background:#fff;border-color:#fff;box-shadow:var(--glow)}.fx-power:active{transform:scale(.88)}.fx-remove{width:22px;height:22px}.fx-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto}.fx-display{position:relative;width:100%;flex:none;border-radius:6px;background:#000;border:1px solid var(--line);overflow:hidden}.fx-display canvas{position:absolute;inset:0}.knob-row{display:flex;flex-wrap:wrap;gap:4px 2px;justify-content:flex-start}.ctl-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fx-ctl{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text3)}.fx-select{height:24px;padding:0 22px 0 8px;font-size:11px;border-radius:5px;background:var(--bg1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 7px center;border:1px solid var(--line2);appearance:none;-webkit-appearance:none;max-width:140px}.fx-toggle,.mini-toggle{height:24px;padding:0 9px;border-radius:5px;border:1px solid var(--line2);font-size:11px;font-weight:500;color:var(--text3);transition:all .18s var(--ease)}.fx-toggle:hover,.mini-toggle:hover{color:var(--text);border-color:var(--line3)}.fx-toggle.on,.mini-toggle.on{background:#fff;border-color:#fff;color:#000;box-shadow:var(--glow)}.fx-action{border-color:var(--text3);color:var(--text)}.fx-action:active{background:#fff;color:#000}.mini-toggle{height:18px;padding:0 6px;font-size:9px;margin-top:2px}.fx-add{align-items:center;justify-content:center;gap:8px;width:200px;border-style:dashed;color:var(--text3);background:transparent;cursor:pointer;padding:20px;text-align:center}.fx-add:hover{color:var(--text);border-color:var(--text3);background:#ffffff05}.fx-add-hint{font-size:11px;color:var(--text4)}.eq-display{position:relative;flex:none}.eq-canvas{width:100%;height:150px;border-radius:6px;background:#000;border:1px solid var(--line);cursor:crosshair;touch-action:none}.eq-bands{display:flex;gap:3px;flex:none}.eq-band-tab{flex:1;height:22px;border-radius:4px;font-size:10.5px;color:var(--text3);border:1px solid var(--line);transition:all .15s}.eq-band-tab:hover{color:var(--text)}.eq-band-tab.active{background:#fff;color:#000;border-color:#fff}.perform{display:flex;gap:24px;padding:18px 20px;min-height:100%;flex-wrap:wrap}.perf-pad-section{display:flex;gap:24px;align-items:center;flex:1 1 520px}.perf-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.perf-desc{margin:4px 0 12px;color:var(--text2);font-size:12px;line-height:1.5;max-width:460px}.perf-pad-controls{display:flex;flex-direction:column;gap:10px;min-width:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.pad{position:relative;width:200px;height:200px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1d1d1d,#070707 70%);border:1px solid var(--line3);box-shadow:0 20px 50px #000000b3,inset 0 1px #ffffff0f;transition:transform .15s var(--ease),box-shadow .3s var(--ease)}.pad:hover{box-shadow:0 20px 50px #000000b3,0 0 30px #ffffff1f,inset 0 1px #ffffff14}.pad:active{transform:scale(.96)}.pad-ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:rotate(-90deg);pointer-events:none}.pad-ring-bg{fill:none;stroke:#ffffff0d;stroke-width:3}.pad-ring-fg{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.9));transition:stroke-dashoffset .08s linear}.pad-inner{position:absolute;inset:22px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.06);transition:background .1s,box-shadow .2s}.pad-label{font-size:17px;font-weight:700;letter-spacing:.18em;padding-left:.18em}.pad-sub{font-size:11px;color:var(--text3);font-variant-numeric:tabular-nums}.pad.armed .pad-inner{animation:pad-armed .5s ease-in-out infinite alternate}@keyframes pad-armed{to{box-shadow:inset 0 0 30px #ffffff1f}}.pad.running{border-color:#fff}.pad.pulse .pad-inner{animation:pad-pulse .16s var(--ease) both}@keyframes pad-pulse{0%{background:#ffffff47;box-shadow:inset 0 0 40px #fff6,0 0 30px #ffffff4d}to{background:transparent;box-shadow:none}}.pad.drop{animation:pad-drop .7s var(--ease-out)}@keyframes pad-drop{0%{transform:scale(1.12);box-shadow:0 0 80px #fffc;background:#fff}40%{background:radial-gradient(circle,#555,#070707 70%)}to{transform:none}}.pad.drop .pad-label{color:#000;animation:drop-text .7s var(--ease) forwards}@keyframes drop-text{60%{color:#000}to{color:#fff}}.phase-row{display:flex;gap:4px}.phase{flex:1;text-align:center;padding:5px 0;border-radius:5px;border:1px solid var(--line2);font:600 11px var(--mono);color:var(--text4);transition:all .15s}.phase.done{color:var(--text2);border-color:var(--line3)}.phase.on{background:#fff;color:#000;border-color:#fff;box-shadow:var(--glow-strong)}.perf-status{font-size:11.5px;color:var(--text3)}.perf-fx{flex:1 1 420px}.perf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.perf-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}.perf-card-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.perf-card .seg-label{display:none}.perf-btn{position:relative;overflow:hidden;height:54px;border-radius:8px;border:1px solid var(--line3);background:linear-gradient(180deg,#1a1a1a,#0d0d0d);display:flex;align-items:center;justify-content:space-between;padding:0 14px;transition:transform .1s var(--ease),box-shadow .25s,border-color .2s}.perf-btn:hover{border-color:var(--text3);box-shadow:0 0 18px #ffffff14}.perf-btn:active{transform:scale(.96)}.perf-btn-name{font-weight:600;letter-spacing:.02em;position:relative;z-index:1}.perf-key{position:relative;z-index:1}.perf-btn-glow{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .2s}.perf-btn.active{border-color:#fff;box-shadow:var(--glow-strong)}.perf-btn.active .perf-btn-glow{opacity:1;animation:perf-active .6s ease-in-out infinite alternate}.perf-btn.active .perf-btn-name{color:#000}@keyframes perf-active{0%{opacity:1}to{opacity:.75}}.ai-panel{display:flex;gap:22px;padding:16px 20px;min-height:100%}.ai-left{width:330px;flex:none;display:flex;flex-direction:column}.ai-left .tsel{width:100%}.style-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}.style-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid var(--line2);text-align:left;transition:all .2s var(--ease)}.style-chip:hover{border-color:var(--line3);background:var(--bg3)}.style-chip.on{background:#fff;border-color:#fff;color:#000;box-shadow:var(--glow)}.style-name{font-weight:600}.style-blurb{font-size:10.5px;color:var(--text3);line-height:1.3}.style-chip.on .style-blurb{color:#444}.btn-run{margin-top:16px;height:42px;font-size:14px}.ai-panel.running .btn-run .icon{animation:spin 1.2s linear infinite}.ai-after{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.ab-toggle{display:inline-flex;padding:2px;border:1px solid var(--line2);border-radius:8px;background:var(--bg0)}.ab-toggle.disabled{opacity:.35;pointer-events:none}.ab-btn{height:28px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text3);transition:all .2s var(--ease)}.ab-btn.on{background:#fff;color:#000;box-shadow:var(--glow)}.ai-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.ai-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 14px}.ai-steps>.panel-label{grid-column:1 / -1;margin-bottom:4px}.ai-step{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12px;animation:float-in .35s var(--ease-out) both}.ai-step-dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--line3);flex:none;transition:all .25s}.ai-step-name{color:var(--text3);white-space:nowrap;transition:color .2s}.ai-step-detail{color:var(--text2);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto}.ai-step.run .ai-step-dot{border-color:#fff;border-top-color:transparent;animation:spin .7s linear infinite}.ai-step.run .ai-step-name{color:#fff}.ai-step.done .ai-step-dot{background:#fff;border-color:#fff;box-shadow:0 0 8px #fffc}.ai-step.done .ai-step-name{color:var(--text)}.ai-step.error .ai-step-dot{background:var(--red);border-color:var(--red)}.ai-chart-box{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#000}.ai-chart{width:100%;height:120px;margin-top:6px}.ai-legend{display:flex;gap:14px;font-size:11px;color:var(--text3);margin-top:4px}.ai-legend span:before{content:"";display:inline-block;width:14px;height:2px;margin-right:6px;vertical-align:middle;background:#fff}.ai-legend .lg-beat:before{background:#ffffff59}.ai-report{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ai-report-head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:12px}.report-card{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);animation:float-in .45s var(--ease-out) both;user-select:text}.report-area{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.report-change{margin-top:5px;font-weight:600;line-height:1.4}.report-why{margin-top:6px;color:var(--text2);font-size:12px;line-height:1.5}.ai-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;border:1px dashed var(--line2);border-radius:12px;color:var(--text2);text-align:center}.ai-empty .icon{color:var(--text3);margin-bottom:4px}@media(max-width:900px){.ai-panel{flex-direction:column}.ai-left{width:100%}}.np-modal .modal-body{padding-bottom:20px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:38px 20px 64px;border:1px dashed var(--line3);border-radius:14px;background:radial-gradient(600px 200px at 50% 0,rgba(255,255,255,.05),transparent);cursor:pointer;overflow:hidden;transition:border-color .2s,background .3s,transform .25s var(--ease)}.dropzone:hover{border-color:var(--text3)}.dropzone.over{border-color:#fff;border-style:solid;transform:scale(1.01);background:radial-gradient(600px 260px at 50% 0,rgba(255,255,255,.12),transparent);box-shadow:var(--glow)}.dz-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line3);box-shadow:0 0 30px #ffffff14;animation:float-in .6s var(--ease-out) both}.dz-title{font-size:18px;font-weight:600;margin-top:4px}.dz-sub{color:var(--text3);font-size:12px;letter-spacing:.08em;margin-bottom:10px}.dz-eq{position:absolute;left:0;right:0;bottom:0;height:40px;display:flex;align-items:flex-end;justify-content:center;gap:4px;opacity:.35;pointer-events:none}.dz-eq span{width:6px;height:100%;background:#fff;border-radius:2px 2px 0 0;transform-origin:bottom;animation:eq-bar 1.2s ease-in-out infinite alternate}@keyframes eq-bar{0%{transform:scaleY(.08)}to{transform:scaleY(.9)}}.analyzing{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0 8px}.an-orb{position:relative;width:120px;height:120px}.an-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.15);border-top-color:#fff;animation:spin 1.4s linear infinite}.an-ring.r2{inset:14px;animation-duration:2.1s;animation-direction:reverse;border-top-color:#ffffffb3}.an-ring.r3{inset:28px;animation-duration:.9s;border-top-color:#ffffff80}.an-core{position:absolute;inset:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;box-shadow:0 0 30px #fff9;animation:core-pulse 1.2s ease-in-out infinite alternate}@keyframes core-pulse{to{transform:scale(.88);box-shadow:0 0 12px #ffffff4d}}.an-file{color:var(--text2);font-size:12px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-bars{display:flex;align-items:center;gap:3px;height:34px}.an-bars span{width:3px;height:100%;background:#fff;border-radius:2px;animation:eq-bar .9s ease-in-out infinite alternate;opacity:.8}.an-step{font-weight:600;min-height:18px}.an-bar{width:70%;height:3px;border-radius:2px;background:var(--bg5);overflow:hidden}.an-bar-fill{height:100%;width:0;background:#fff;box-shadow:0 0 10px #fff;transition:width .3s var(--ease)}.an-pct{font:500 11px var(--mono);color:var(--text3)}.np-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 10px;text-align:center;color:var(--text2)}.np-error .icon{color:var(--red)}.results-card{animation:scale-in .45s var(--spring) both}.rc-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.rc-cell{position:relative;padding:16px 14px;border:1px solid var(--line2);border-radius:12px;background:#000;display:flex;flex-direction:column;gap:5px;animation:float-in .5s var(--ease-out) both}.rc-cell:nth-child(2){animation-delay:.06s}.rc-cell:nth-child(3){animation-delay:.12s}.rc-key{border-color:var(--line3);box-shadow:0 0 30px #ffffff0d}.rc-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.rc-num{font-size:26px;font-weight:700;letter-spacing:-.01em;text-shadow:0 0 18px rgba(255,255,255,.35);font-variant-numeric:tabular-nums}.rc-hint{font-size:11px;color:var(--text3)}.rc-bpm-btns{display:flex;gap:4px}.rc-bpm-btns .chip{height:22px;padding:0 8px;font-size:11px}.rc-alt-label{margin:14px 0 6px}.rc-alts{display:flex;flex-wrap:wrap;gap:6px}.rc-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.rc-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.rc-row span{color:var(--text3)}.rc-row b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.rc-meter{grid-column:1 / -1;height:3px;border-radius:2px;background:var(--bg5);overflow:hidden}.rc-meter-fill{height:100%;background:#fff;box-shadow:0 0 8px #fff;animation:grow-x .9s var(--ease-out) .2s both;transform-origin:left}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:none}}@media(max-width:560px){.rc-top{grid-template-columns:1fr 1fr}.rc-key{grid-column:1 / -1}.rc-grid{grid-template-columns:1fr}}.settings,.export{display:flex;flex-direction:column}.set-h{margin:18px 0 4px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.set-h:first-child{margin-top:4px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}.set-label{min-width:0}.set-hint{font-size:11.5px;color:var(--text3);margin-top:2px;line-height:1.45}.settings>.set-hint{padding:6px 0 2px}.set-control{flex:none;display:flex;align-items:center;gap:8px;max-width:60%}.set-control .tsel{max-width:260px}.set-control .input{width:260px}.inline{display:flex;align-items:center;gap:10px}.perm{font-size:12px;color:var(--text2)}.perm.granted{color:#fff}.perm.denied{color:#ff6b62}.num-wrap{display:inline-flex;align-items:center;gap:6px}.input.num{width:80px;height:28px;text-align:right}.unit{color:var(--text3);font-size:12px}.exp-progress{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:center}.exp-progress .an-bar{width:100%}.exp-status{font-size:12px;color:var(--text2)}.exp-status.error{color:#ff6b62}.shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px 26px}.sc-group{display:flex;flex-direction:column;gap:6px}.sc-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text2)}.sc-row kbd{min-width:70px;text-align:center}.filter-freq-row{display:flex;align-items:center;gap:8px;padding:4px 0}.filter-hz-input{width:54px;height:26px;padding:0 6px;border-radius:5px;text-align:right;background:var(--bg1);border:1px solid var(--line2);color:var(--text);font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;transition:border-color .15s}.filter-hz-input:focus{border-color:var(--line3);outline:none}.filter-hz-unit{font-size:11px;color:var(--text3)}.perf-card.dragging{opacity:.4;transform:scale(.97)}.perf-drop-card .perf-btn{border-color:#ff3b3066}.perf-drop-card .perf-btn:hover{border-color:#ff3b30cc;box-shadow:0 0 18px #ff3b3026}.perf-drop-card .perf-btn-name{color:#ff3b30e6}.perf-drop-card .perf-btn.active .perf-btn-name{color:#000}.gate-editor{flex:1 1 100%;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(180deg,#0e0e0e,#070707)}.gate-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.gate-target{font-size:11.5px;color:var(--text3);padding:6px 10px;border:1px solid var(--line2);border-radius:7px;max-width:460px;transition:all .2s var(--ease)}.gate-target.clip{color:#000;background:#fff;border-color:#fff;box-shadow:var(--glow);font-weight:600}.gate-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gate-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.gate-grid{display:grid;gap:4px;height:92px;touch-action:none;user-select:none}.gate-step{position:relative;border-radius:5px;border:1px solid var(--line2);background:#050505;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .2s,transform .1s var(--ease)}.gate-step.beat{border-color:var(--line3)}.gate-step:hover{border-color:var(--text3)}.gate-step:active{transform:scale(.96)}.gate-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#ffffffbf,#fff);transition:height .12s var(--ease)}.gate-step.on{border-color:#fff9}.gate-step.now{box-shadow:0 0 0 1px #fff,0 0 14px #ffffff8c}.gate-step.now.on .gate-fill{background:#fff;box-shadow:0 0 18px #fff}.gate-step.now:not(.on){background:#161616}.gate-mid{align-items:stretch}.gate-mid .knob-row{flex:none}.gate-preview{position:relative;flex:1;min-width:220px;height:84px;border-radius:8px;background:#000;border:1px solid var(--line);overflow:hidden}.gate-preview canvas{position:absolute;inset:0}.gate-actions{padding-top:4px;border-top:1px solid var(--line)}.gate-live-group,.gate-perm-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gate-live{height:40px;min-width:150px}