:root{
  --bg:#071012;--panel:#0b1518;--panel2:#0f1c20;--panel3:#122329;--line:#21363c;
  --cyan:#16d7df;--cyan2:#0aa5ae;--cyan-soft:rgba(22,215,223,.13);--green:#7cf13e;
  --orange:#ffad1f;--purple:#b66cff;--red:#ff5555;--text:#f4f7f7;--muted:#81949a;
  --radius:10px;--shadow:0 18px 60px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030708;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}.v2-body{background:radial-gradient(circle at 50% 0,#0e2227 0,#061012 34%,#020607 100%)}
.auth-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#020708}.auth-backdrop{position:absolute;inset:0;opacity:.4;background:linear-gradient(90deg,transparent 0 18%,rgba(19,208,216,.1) 18% 19%,transparent 19% 100%),repeating-linear-gradient(0deg,rgba(17,202,211,.06) 0 2px,transparent 2px 48px),radial-gradient(circle at 50% 48%,rgba(19,213,220,.19),transparent 38%)}.auth-card{position:relative;width:min(520px,calc(100vw - 40px));padding:38px 40px;background:linear-gradient(180deg,rgba(13,27,31,.98),rgba(5,14,17,.99));border:1px solid var(--cyan2);border-radius:14px;box-shadow:0 0 0 1px rgba(22,215,223,.08),0 28px 100px #000}.auth-logo{display:flex;align-items:center;justify-content:center;gap:15px;font-size:32px;letter-spacing:1px}.auth-logo em{font-style:normal;color:var(--cyan)}.logo-wave{display:inline-grid;place-items:center;color:var(--cyan);font-size:34px;transform:rotate(90deg)}.auth-card h1{text-align:center;font-size:18px;letter-spacing:2px;font-weight:600;margin:32px 0 24px;color:#cbd6d8}.auth-field{display:block;margin:14px 0}.auth-field span{display:block;color:var(--cyan);margin:0 0 6px 6px}.auth-field input{width:100%;height:54px;padding:0 16px;color:var(--text);background:#081215;border:1px solid #31484e;border-radius:8px;outline:none}.auth-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-soft)}.remember-row{display:flex;align-items:center;gap:10px;margin:18px 0;color:#d1dcde}.remember-row input{accent-color:var(--cyan);width:18px;height:18px}.auth-primary,.auth-offline{width:100%;height:56px;border-radius:8px;font-weight:800;letter-spacing:.8px;cursor:pointer}.auth-primary{color:white;border:1px solid #0be1eb;background:linear-gradient(135deg,#08747a,#13b5bd)}.auth-offline{color:var(--orange);border:1px solid var(--orange);background:#0a1214}.auth-or{display:flex;align-items:center;gap:14px;color:#52676c;margin:17px 0}.auth-or span{height:1px;background:#33484c;flex:1}.auth-error{min-height:19px;color:#ff8686;font-size:13px}.auth-foot{text-align:center;color:#7d8e93;font-size:12px;margin-top:25px}.auth-foot i{display:inline-block;width:1px;height:13px;background:#384a4f;margin:0 12px;vertical-align:middle}
.v2-shell{height:100%;display:grid;grid-template-rows:72px minmax(0,1fr) 48px;background:#03090a}.v2-topbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line);background:linear-gradient(#091214,#050a0b)}.v2-brand{height:54px;min-width:235px;display:flex;align-items:center;gap:12px;padding:0 14px;border-right:1px solid #24353a;font-size:22px;letter-spacing:.7px}.v2-brand .logo-wave{font-size:25px}.project-chip{height:54px;min-width:220px;text-align:left;padding:0 18px;color:#b5c1c3;border:0;border-right:1px solid #24353a;background:transparent;cursor:pointer}.project-chip span{margin-right:7px}.project-chip b{color:var(--cyan);font-weight:600}.top-spacer{flex:1}.global-transport{display:flex;gap:6px;align-items:center}.transport-key,.bpm-box{height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;background:#0b1416;border:1px solid #263a40;border-radius:7px;color:#d8e1e2}.transport-key{cursor:pointer}.transport-key.play{color:var(--cyan);border-color:#0c565d;background:linear-gradient(180deg,#092b30,#07171a)}.transport-key.stop{color:#e2e6e6}.transport-key.rec{color:#ff6666}.transport-key:disabled{opacity:.38;cursor:not-allowed}.transport-key.compact{padding:0 15px}.bpm-box{gap:7px;color:#9dadb1}.bpm-box input{width:58px;border:0;background:transparent;color:var(--cyan);font-weight:800;font-size:18px;outline:none}.master-meter{width:126px;display:flex;align-items:flex-end;gap:3px;height:34px;padding:5px 8px}.master-meter i{display:block;width:7px;background:#11484d;border-radius:1px;height:30%}.master-meter i:nth-child(2),.master-meter i:nth-child(3){height:44%}.master-meter i:nth-child(4),.master-meter i:nth-child(5){height:58%;background:#0e8b91}.master-meter i:nth-child(6),.master-meter i:nth-child(7){height:75%;background:#13bac1}.master-meter i:nth-child(8),.master-meter i:nth-child(9){height:86%;background:#16d7df}.master-meter i:nth-child(10){height:40%}.icon-button{width:48px;height:48px;border:0;background:transparent;color:#a7b8bb;font-size:23px;cursor:pointer}
.v2-layout{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 380px;gap:1px;background:var(--line)}.v2-sidebar,.v2-inspector,.v2-workspace{min-height:0;background:#071012}.v2-sidebar{padding:12px 0;display:flex;flex-direction:column}.nav-item{height:72px;display:flex;align-items:center;gap:18px;padding:0 28px;border:0;border-left:3px solid transparent;background:transparent;color:#87969b;font-size:16px;cursor:pointer;text-align:left}.nav-item span{width:24px;font-size:24px;color:#8fa0a4}.nav-item b{font-weight:600}.nav-item:hover{background:#0b191c;color:#d5e0e2}.nav-item.active{color:var(--cyan);background:linear-gradient(90deg,rgba(21,210,220,.2),rgba(21,210,220,.04));border-left-color:var(--cyan)}.nav-item.active span{color:var(--cyan)}.nav-spacer{flex:1}.v2-workspace{overflow:auto;padding:16px}.v2-inspector{overflow:auto;padding:16px;border-left:1px solid #1e3035}.v2-statusbar{display:flex;align-items:center;border-top:1px solid var(--line);background:#071012;color:#9cadb0}.status-cell{height:100%;display:flex;align-items:center;gap:9px;padding:0 20px;border:0;border-right:1px solid #1b2a2e;background:transparent;color:#9cadb0}.status-cell b{color:#d9e3e4;font-weight:600}.status-cell.network b{color:var(--green)}.status-cell.cpu i{display:block;width:90px;height:6px;background:#183036;border-radius:5px;overflow:hidden}.status-cell.cpu em{display:block;width:24%;height:100%;background:var(--cyan)}.status-spacer{flex:1}.status-cell.user{border-right:0;cursor:pointer}.audio-device{min-width:330px;cursor:pointer}
.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.workspace-head h1{margin:0;font-size:26px;letter-spacing:.5px}.workspace-head p{margin:5px 0 0;color:var(--muted)}.workspace-tools{display:flex;gap:8px}.ui-btn{height:40px;padding:0 14px;border:1px solid #2c444a;border-radius:6px;background:#0c171a;color:#cdd7d9;cursor:pointer}.ui-btn.primary{border-color:#0b7279;color:var(--cyan);background:#092a2e}.ui-btn.danger{border-color:#7b3030;color:#ff7777}.ui-btn.active{color:#061011;background:var(--cyan);border-color:var(--cyan)}.ui-btn:disabled{opacity:.4;cursor:not-allowed}.section-card{border:1px solid #1e3439;border-radius:9px;background:linear-gradient(180deg,#0c171a,#081113);box-shadow:inset 0 1px rgba(255,255,255,.02)}
.pad-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:12px}.bank-list,.mode-list{display:flex;gap:8px}.bank-list button,.mode-list button{min-width:82px}.pad-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.pad-card-v2{position:relative;min-height:142px;padding:14px;border:1px solid #1c6068;border-radius:8px;background:linear-gradient(145deg,#0b2529,#0a1518 72%);color:#edf7f8;cursor:pointer;box-shadow:inset 0 0 28px rgba(22,215,223,.05);user-select:none}.pad-card-v2:hover{border-color:#1edfe7;box-shadow:0 0 18px rgba(22,215,223,.08),inset 0 0 30px rgba(22,215,223,.07)}.pad-card-v2.selected{border:2px solid var(--orange);box-shadow:0 0 24px rgba(255,173,31,.22),inset 0 0 35px rgba(255,173,31,.11)}.pad-card-v2.loaded{background:linear-gradient(145deg,#0b3136,#071517 75%)}.pad-card-v2.synth{border-color:#4f9f26;background:linear-gradient(145deg,#173712,#0c1910)}.pad-card-v2.input{border-color:#7d45a6;background:linear-gradient(145deg,#2b1741,#110d19)}.pad-no{font-size:21px;font-weight:800}.pad-state-dot{position:absolute;right:14px;top:15px;width:18px;height:5px;border-radius:4px;background:#2e6267}.pad-card-v2.loaded .pad-state-dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.pad-wave{height:58px;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--cyan)}.pad-wave i{display:block;width:3px;border-radius:2px;background:currentColor;opacity:.82}.pad-title{text-align:center;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-sub{text-align:center;color:#6e878d;font-size:11px;margin-top:4px}.pad-key{position:absolute;right:9px;bottom:8px;color:#587075;font-size:10px}.pad-footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.pad-footer .bank-list{flex-wrap:wrap}.pad-footer .mode-list{margin-left:auto}
.inspector-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #203339}.inspector-title h2{font-size:19px;margin:0}.inspector-title b{color:var(--cyan)}.sample-name{font-size:16px;margin:13px 0}.mini-wave{height:82px;border:1px solid #23383e;border-radius:5px;background:#071012;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--orange);overflow:hidden}.mini-wave i{width:2px;background:currentColor}.inspector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.control-box{padding:11px;border:1px solid #21363c;border-radius:6px;background:#0a1416}.control-box span{display:block;color:#94a6aa;font-size:11px;margin-bottom:8px}.control-box input[type=range]{width:100%;accent-color:var(--orange)}.control-box select{width:100%;height:34px;background:#091113;color:#dce6e7;border:1px solid #2a4046;border-radius:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row input{accent-color:var(--cyan)}.inspector-actions{display:flex;gap:8px;margin-top:12px}.inspector-actions button{flex:1}
.pattern-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px}.pattern-top{display:flex;align-items:center;gap:8px}.pattern-slots{display:flex;gap:6px;flex-wrap:wrap}.pattern-grid-wrap{overflow:auto;border:1px solid #20343a;border-radius:8px;background:#071012}.pattern-grid{min-width:1020px;display:grid;grid-template-columns:190px repeat(16,1fr)}.pattern-grid>*{min-height:46px;border-right:1px solid #16282d;border-bottom:1px solid #16282d}.pattern-header{display:grid;place-items:center;color:#a8b6ba;background:#0b1618;font-size:12px}.lane-name{padding:8px 12px;display:flex;align-items:center;gap:9px;background:#0a1416}.lane-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-cell{margin:7px;border:1px solid #203940;border-radius:4px;background:#091214;cursor:pointer}.step-cell.on{background:linear-gradient(#29e5ec,#10aeb7);border-color:#61f5fa;box-shadow:0 0 14px rgba(22,215,223,.5)}.step-cell.playhead{outline:1px solid var(--orange);outline-offset:1px}.pattern-bars{display:flex;gap:6px;margin-left:auto}
.browser-v2{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:100%}.browser-sidebar{padding:12px}.browser-sidebar h3{font-size:12px;color:#9aabad;margin:3px 8px 10px}.browser-filter{display:block;width:100%;padding:10px 12px;border:0;background:transparent;color:#aab9bc;text-align:left;border-radius:5px;cursor:pointer}.browser-filter.active,.browser-filter:hover{background:#102328;color:var(--cyan)}.browser-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.browser-searchbar{display:flex;gap:8px}.browser-searchbar input{flex:1;height:46px;padding:0 15px;border:1px solid #284249;border-radius:7px;background:#081113;color:#eef7f8;outline:none}.sound-table{overflow:auto;border:1px solid #20343a;border-radius:8px}.sound-row{display:grid;grid-template-columns:52px minmax(180px,1fr) 90px 130px 105px;align-items:center;gap:8px;min-height:68px;padding:0 12px;border-bottom:1px solid #182a2f;background:#091315;cursor:pointer}.sound-row:hover,.sound-row.selected{background:#0d2024}.sound-row .sound-wave{color:var(--orange);font-size:24px}.sound-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-meta{color:#819398;font-size:12px}.sound-actions{display:flex;justify-content:flex-end;gap:5px}.sound-actions button{width:34px;height:34px;padding:0}.empty-state{min-height:240px;display:grid;place-items:center;text-align:center;color:#789095;padding:30px}.empty-state b{display:block;color:#dce6e7;font-size:18px;margin-bottom:8px}
.preview-panel h2{font-size:18px;margin:0 0 10px}.preview-panel .mini-wave{height:130px}.preview-actions{display:grid;gap:8px;margin-top:12px}.preview-actions button{height:45px}.preview-info{display:grid;gap:8px;margin-top:14px;color:#8fa2a6}.preview-info div{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #1c2d31}
.party-v2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.party-board{padding:16px}.party-room-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.party-room-head input{height:40px;width:150px;background:#081113;color:white;border:1px solid #294147;border-radius:5px;padding:0 10px;text-transform:uppercase}.party-controls{display:flex;gap:8px}.party-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.party-status-card{padding:14px;border:1px solid #22383e;border-radius:7px;background:#091416}.party-status-card span{display:block;color:#819398;font-size:11px}.party-status-card b{display:block;margin-top:5px}.level-meter{height:9px;border-radius:8px;background:#153238;overflow:hidden;margin-top:10px}.level-meter i{display:block;width:0;height:100%;background:var(--cyan);transition:width .08s linear}.participant-card{padding:15px;margin-bottom:10px;border:1px solid #243b41;border-radius:8px;background:#091416}.participant-card h3{margin:0 0 4px}.participant-card .connected{color:var(--green);font-size:12px}.participant-controls{display:flex;align-items:center;gap:8px;margin-top:11px}.participant-controls input{flex:1;accent-color:var(--cyan)}
.placeholder-board{height:100%;min-height:520px;display:grid;place-items:center;text-align:center;border:1px solid #1f353a;border-radius:9px;background:radial-gradient(circle at center,rgba(22,215,223,.06),transparent 42%),#081113}.placeholder-board h2{margin:0 0 8px;font-size:26px}.placeholder-board p{max-width:560px;color:#7e9499;line-height:1.6}.placeholder-badge{display:inline-block;margin-top:14px;padding:7px 11px;border:1px solid #31535a;border-radius:20px;color:var(--cyan);font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{padding:16px}.settings-card h3{margin:0 0 14px}.settings-card label{display:grid;gap:6px;margin:11px 0;color:#93a5a9}.settings-card input,.settings-card select{height:40px;padding:0 10px;background:#081113;color:#e7eff0;border:1px solid #294147;border-radius:5px}
.toast{position:fixed;right:18px;bottom:62px;z-index:90;max-width:420px;padding:12px 16px;border:1px solid #285057;border-radius:8px;background:#0b1a1d;color:#ddecf0;box-shadow:var(--shadow)}.toast.error{border-color:#713232;color:#ff9c9c}
@media(max-width:1250px){.v2-layout{grid-template-columns:180px minmax(0,1fr) 320px}.v2-sidebar .nav-item{padding:0 18px}.v2-brand{min-width:190px}.project-chip{min-width:150px}.transport-key{padding:0 12px}.master-meter{display:none}}@media(max-width:1050px){.v2-layout{grid-template-columns:72px minmax(0,1fr) 300px}.nav-item{padding:0;justify-content:center}.nav-item b{display:none}.nav-item span{width:auto}.v2-brand strong,.project-chip span{display:none}.v2-brand{min-width:58px;width:58px;border-right:0;padding:0}.project-chip{min-width:120px}.transport-key span{display:none}.transport-key{width:46px;padding:0}.transport-key.compact{display:none}.pad-card-v2{min-height:120px}.v2-workspace{padding:10px}}