.knob-container[data-v-bd52c6f2]{position:relative;width:70px;height:70px}.knob[data-v-bd52c6f2]{width:70px;height:70px;border-radius:50%;background:conic-gradient(from 225deg,#00d9ff,#ff006e,#00d9ff);cursor:pointer;position:relative;box-shadow:0 5px 15px #0006,inset 0 2px 4px #fff3;transition:transform .05s ease-out}.knob[data-v-bd52c6f2]:before{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(145deg,#2a2a4a,#1a1a2e);box-shadow:inset 0 2px 4px #00000080}.knob[data-v-bd52c6f2]:after{content:"";position:absolute;top:12px;left:50%;width:4px;height:12px;background:#00d9ff;border-radius:2px;transform-origin:center 23px;transform:translate(-50%);box-shadow:0 0 8px #00d9ff}.knob-value[data-v-bd52c6f2]{font-size:14px;font-weight:700;color:#00d9ff;text-align:center;margin-top:5px}.slider-container[data-v-666965ef]{display:flex;flex-direction:column;align-items:center;gap:10px;margin:12px 0}.slider[data-v-666965ef]{-webkit-appearance:none;appearance:none;width:120px;height:8px;border-radius:4px;background:linear-gradient(90deg,#1a1a2e,#2a2a4a);outline:none;box-shadow:inset 0 2px 4px #00000080}.slider[data-v-666965ef]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#3a3a5a,#2a2a4a);cursor:pointer;box-shadow:0 3px 10px #0006,inset 0 1px #fff3;border:2px solid #00d9ff}.slider[data-v-666965ef]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#3a3a5a,#2a2a4a);cursor:pointer;box-shadow:0 3px 10px #0006;border:2px solid #00d9ff}.slider-value[data-v-666965ef]{font-size:14px;font-weight:700;color:#00d9ff}.key[data-v-3b77c437]{cursor:pointer;position:absolute;top:0;margin:30px;transition:background .1s ease,transform .1s ease}.key.white[data-v-3b77c437]{width:48px;height:180px;background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border:1px solid #121212;border-radius:0 0 5px 5px;box-shadow:0 5px 15px #0000004d,inset 0 -5px 10px #0000001a}.key.white[data-v-3b77c437]:hover{background:linear-gradient(180deg,#fff,#f0f0f0)}.key.white[data-v-3b77c437]:active,.key.white.active[data-v-3b77c437]{background:linear-gradient(180deg,#00d9ff,#09c);transform:translateY(3px)}.key.black[data-v-3b77c437]{width:35px;height:110px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid #000;z-index:2;box-shadow:0 5px 15px #00000080,inset 0 -3px 5px #00000080}.key.black[data-v-3b77c437]:hover{background:linear-gradient(180deg,#3a3a3a,#2a2a2a)}.key.black[data-v-3b77c437]:active,.key.black.active[data-v-3b77c437]{background:linear-gradient(180deg,#ff006e,#cc0058);transform:translateY(3px);box-shadow:0 2px 10px #ff006e80,inset 0 -2px 5px #0000004d}.key-label[data-v-3b77c437]{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-size:12px;color:#666;text-transform:uppercase;pointer-events:none}.key.black .key-label[data-v-3b77c437]{color:#666;font-size:12px}.keyboard[data-v-e7a48778]{display:block;position:relative;padding:30px;background:linear-gradient(180deg,#1a1a2e,#0f0f1e);border-radius:10px;box-shadow:inset 0 5px 15px #00000080;height:240px;width:760px}.note[data-v-feecc09c]{position:absolute;top:10%;height:80%;background:#00d9ff;border-radius:2px;cursor:pointer;transition:background .1s;z-index:3}.note[data-v-feecc09c]:hover{background:#ff006e}.note.is-playing[data-v-feecc09c]{background:#0f8;box-shadow:0 0 5px #0f8}.piano-roll[data-v-df793f6c]{background:linear-gradient(145deg,#2a2a4a,#1a1a2e);border-radius:10px;padding:15px;margin-top:20px}.piano-roll-header[data-v-df793f6c]{margin-bottom:10px}.piano-roll-controls[data-v-df793f6c]{display:flex;flex-direction:row;align-items:center;gap:15px;justify-content:space-between}.roll-btn[data-v-df793f6c]{padding:8px 16px;background:#00d9ff;color:#1a1a2e;border:none;border-radius:5px;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:12px}.roll-btn[data-v-df793f6c]:hover{background:#00b8d9}.roll-btn[data-v-df793f6c]:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-df793f6c{0%,to{opacity:1}50%{opacity:.7}}.tempo-control[data-v-df793f6c]{display:flex;align-items:center;gap:10px;color:#888;font-size:12px;width:35%}.tempo-control label[data-v-df793f6c]{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888}.tempo-control .tempo-value[data-v-df793f6c]{color:#00d9ff;font-size:14px;font-weight:700}.note-length-control[data-v-df793f6c]{display:flex;align-items:center;gap:10px;color:#888;font-size:12px;width:35%}.note-length-control label[data-v-df793f6c]{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888}.note-length-control .note-length-value[data-v-df793f6c]{color:#00d9ff;font-size:14px;font-weight:700}.piano-roll-container[data-v-df793f6c]{display:flex;background:#1a1a2e;border-radius:5px;overflow:hidden;height:450px}.piano-keys[data-v-df793f6c]{width:50px;flex-shrink:0;background:#1a1a2e;border-right:1px solid #3b3b5e;display:flex;flex-direction:column}.piano-key-row[data-v-df793f6c]{flex:1;display:flex;align-items:center;padding-right:5px;justify-content:flex-end;border-bottom:1px solid #222;min-height:0}.piano-key-row.is-black[data-v-df793f6c]{background:#151525}.note-label[data-v-df793f6c]{font-size:12px;color:#fff}.roll-grid[data-v-df793f6c]{flex:1;overflow-x:auto;overflow-y:hidden}.grid-content[data-v-df793f6c]{position:relative;height:100%;overflow:hidden}.beat-lines[data-v-df793f6c]{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:2}.beat-line[data-v-df793f6c]{position:absolute;top:0;bottom:0;width:1px;background:#3b3b5e;z-index:3}.beat-line.major[data-v-df793f6c]{background:#3b3b5e}.tick-line[data-v-df793f6c]{position:absolute;top:0;bottom:0;width:1px;background:#202033}.beat-label[data-v-df793f6c]{position:absolute;top:1px;left:8px;font-size:12px;color:#fff}.playhead[data-v-df793f6c]{position:absolute;top:0;bottom:0;width:2px;background:#ff006e;z-index:10;pointer-events:none;box-shadow:0 0 8px #ff006e}.note-rows[data-v-df793f6c]{position:relative;height:100%;display:flex;flex-direction:column}.note-row[data-v-df793f6c]{flex:1;border-bottom:1px solid #1a1a2e;position:relative;min-height:0}.note-row.is-black[data-v-df793f6c]{background:#151525}.note-row.is-active[data-v-df793f6c]{background:#0f276c}.synth[data-v-74e4602a]{background:linear-gradient(180deg,#0b0b15,#141548);border-radius:20px;padding:30px;box-shadow:0 20px 60px #00000080;max-width:900px;width:100%}.synth-header[data-v-74e4602a]{display:flex;flex-direction:row}.synth-header .synth-title[data-v-74e4602a]{flex:1 1 50%}.synth-header .pianoroll-toggle[data-v-74e4602a]{flex:1 1 50%;justify-content:right}.pianoroll-toggle[data-v-74e4602a]{display:flex;margin-bottom:20px}.pianoroll-toggle .toggle-btn[data-v-74e4602a]{width:10rem}.toggle-btn[data-v-74e4602a]{padding:10px 20px;border:0px solid #444;background:#2a2a4a;color:#888;cursor:pointer;font-size:12px;text-transform:uppercase;transition:all .2s;border-radius:5px}.toggle-btn.active[data-v-74e4602a]{background:#00d9ff;color:#1a1a2e;border-color:#00d9ff}.controls[data-v-74e4602a]{display:flex;flex-wrap:wrap;margin-bottom:20px}.control-group[data-v-74e4602a]{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1 calc(33% - 20px);margin:10px 0}.control-group label[data-v-74e4602a]{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888}.knob-value[data-v-74e4602a]{font-size:14px;font-weight:700;color:#00d9ff}.waveform-selector[data-v-74e4602a]{display:flex;gap:5px}.wave-btn[data-v-74e4602a]{padding:8px 12px;border:0px solid #444;background:#2a2a4a;color:#888;cursor:pointer;font-size:12px;text-transform:uppercase;transition:all .2s}.wave-btn[data-v-74e4602a]:first-child{border-radius:5px 0 0 5px}.wave-btn[data-v-74e4602a]:last-child{border-radius:0 5px 5px 0}.wave-btn.active[data-v-74e4602a]{background:#00d9ff;color:#1a1a2e;border-color:#00d9ff}