.midi-add-v7{border-color:rgba(122,196,255,.34)!important;color:#a8d9ff!important;background:linear-gradient(180deg,rgba(77,155,220,.16),rgba(34,79,115,.06))!important}.creation-dock-v7{display:none;position:relative;max-height:42vh;border-top:1px solid rgba(122,196,255,.24);background:linear-gradient(180deg,#0b1114,#070a0c);z-index:16;box-shadow:0 -12px 36px rgba(0,0,0,.34)}.creation-dock-v7.is-open{display:grid;grid-template-rows:42px minmax(0,1fr)}.cr-head{display:flex;align-items:center;gap:14px;padding:6px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#151d20,#0a0f11)}.cr-head>div:first-child{display:grid;min-width:180px}.cr-head span,.cr-toolbar span{font:700 7px/1 'Courier New',monospace;letter-spacing:.12em;color:var(--dim)}.cr-head strong{font-size:12px;color:#d9efff}.cr-tabs{display:flex;gap:5px}.cr-tabs button,.cr-close,.cr-toolbar button,.cr-toolbar select{height:27px;border:1px solid var(--line-strong);border-radius:4px;background:#0b1113;color:var(--muted);font:700 7px/1 'Courier New',monospace;letter-spacing:.08em;cursor:pointer}.cr-tabs button{padding:0 11px}.cr-tabs button.active{border-color:rgba(122,196,255,.45);color:#a8d9ff;background:rgba(80,158,220,.1)}.cr-close{margin-left:auto;width:30px;font-size:14px}.cr-body{min-height:0;overflow:auto}.cr-body>section{min-height:210px;padding:10px 12px}.cr-toolbar{height:34px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.cr-toolbar>label{display:flex;align-items:center;gap:7px;color:var(--dim);font:700 7px/1 'Courier New',monospace;letter-spacing:.08em}.cr-toolbar input[type=range]{width:105px;accent-color:#79c8ff}.cr-toolbar select{padding:0 8px;color:#d9efff}.cr-toolbar strong{font:700 9px/1 'Courier New',monospace;color:#a8d9ff;letter-spacing:.1em}.piano-roll-v7{height:260px;overflow:auto;border:1px solid var(--line);background:#050809}.pr-row{display:grid;grid-template-columns:48px repeat(32,minmax(22px,1fr));height:22px;min-width:820px}.pr-row.black{background:rgba(255,255,255,.015)}.pr-key{position:sticky;left:0;z-index:3;border:0;border-right:1px solid var(--line-strong);border-bottom:1px solid rgba(255,255,255,.035);background:#101619;color:rgba(226,239,246,.55);font:700 7px/1 'Courier New',monospace;cursor:pointer}.pr-row.black .pr-key{background:#070b0d;color:rgba(226,239,246,.38)}.pr-key:hover{color:#a8d9ff}.pr-cell{border:0;border-right:1px solid rgba(238,243,239,.045);border-bottom:1px solid rgba(238,243,239,.04);background:transparent;cursor:crosshair}.pr-cell.beat{border-left:1px solid rgba(122,196,255,.16)}.pr-cell:hover{background:rgba(122,196,255,.08)}.pr-cell.on{background:linear-gradient(180deg,rgba(122,196,255,.88),rgba(76,142,197,.62));box-shadow:inset 0 0 0 1px rgba(220,244,255,.22)}.drum-grid-v7{display:grid;gap:6px;max-width:1080px}.dr-row{display:grid;grid-template-columns:120px repeat(16,minmax(28px,1fr));gap:4px}.dr-name{border:1px solid var(--line);border-radius:4px;background:#0d1315;color:#bcd5df;text-align:left;padding:0 10px;font:700 8px/1 'Courier New',monospace;cursor:pointer}.dr-step{height:34px;border:1px solid var(--line);border-radius:4px;background:#0b1012;color:var(--dim);font:700 7px/1 'Courier New',monospace;cursor:pointer}.dr-step.beat{border-left-color:rgba(122,196,255,.32)}.dr-step.on{border-color:rgba(122,196,255,.55);background:linear-gradient(180deg,rgba(122,196,255,.38),rgba(50,101,140,.22));color:#e9f7ff}.sampler-grid-v7{display:grid;gap:6px}.sampler-row{display:grid;grid-template-columns:140px 54px 140px minmax(420px,1fr);gap:7px;align-items:center}.sampler-pad{height:38px;display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid rgba(122,196,255,.28);border-radius:5px;background:linear-gradient(180deg,rgba(122,196,255,.11),rgba(24,55,75,.06));color:#dff4ff;cursor:pointer}.sampler-pad b{color:#79c8ff;font:700 8px/1 'Courier New',monospace}.sampler-pad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font:700 8px/1 'Courier New',monospace}.sampler-load{height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#0b1012;color:var(--muted);font:700 7px/1 'Courier New',monospace;cursor:pointer}.sampler-load input{display:none}.sampler-vol{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:4px;color:var(--dim);font:700 7px/1 'Courier New',monospace}.sampler-vol input{width:100%;accent-color:#79c8ff}.sampler-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.sampler-step{height:27px;border:1px solid var(--line);border-radius:3px;background:#0a0f10;cursor:pointer}.sampler-step.beat{border-left-color:rgba(122,196,255,.32)}.sampler-step.on{background:rgba(122,196,255,.46);border-color:rgba(122,196,255,.58)}.midi-track-v7{background:linear-gradient(90deg,rgba(72,139,184,.07),transparent)!important}.midi-track-v7.is-selected{box-shadow:inset 2px 0 0 #79c8ff!important;background:linear-gradient(90deg,rgba(72,139,184,.14),transparent)!important}.midi-track-v7 .track-index{color:#79c8ff;border-color:rgba(122,196,255,.25);background:rgba(122,196,255,.05)}.midi-type-v7{height:25px;display:flex;align-items:center;margin-left:auto;padding:0 7px;border:1px solid rgba(122,196,255,.16);border-radius:4px;color:rgba(168,217,255,.56);font:700 6px/1 'Courier New',monospace;letter-spacing:.08em}.midi-track-v7 .track-controls label:last-child{grid-template-columns:34px 1fr}.midi-wave{min-width:0;width:100%;height:20px;border:1px solid var(--line);border-radius:3px;background:#090d0f;color:var(--muted);font:700 7px/1 'Courier New',monospace}.midi-lane-v7{background:linear-gradient(180deg,rgba(66,126,167,.025),transparent)}.midi-lane-v7.is-selected{background:linear-gradient(90deg,rgba(72,139,184,.07),transparent 38%)}.midi-clip-v7{position:absolute;left:0;top:10px;height:calc(100% - 20px);min-width:140px;border:1px solid rgba(122,196,255,.3);border-radius:5px;background:linear-gradient(180deg,rgba(122,196,255,.12),rgba(33,75,104,.07));overflow:hidden;cursor:pointer}.midi-clip-v7 strong{position:absolute;left:8px;top:6px;color:#cdeaff;font:700 7px/1 'Courier New',monospace;letter-spacing:.05em}.midi-mini-notes{position:absolute;inset:26px 5px 6px}.midi-mini-notes i{position:absolute;height:4px;min-width:3px;border-radius:2px;background:#79c8ff;opacity:.74}@media(max-width:900px){.creation-dock-v7{min-width:980px}.cr-head{position:sticky;left:0}.sampler-row{grid-template-columns:140px 54px 130px 560px}}