.mz{--mz-bg:#06060a;--mz-panel:#0d0d15;--mz-panel-2:#141420;--mz-line:#ffffff14;--mz-tx:#f3f2fb;--mz-tx2:#b9b7d1;--mz-tx3:#7d7b98;--mz-a:#ffb627;--mz-b:#1fe0ff;--mz-p:#ff2e93;--mz-v:#9466ff;--ve-s2:#12121b;--ve-s3:#1a1a26;--ve-line:#ffffff12;--ve-line-2:#ffffff1f;--ve-tx:#f3f2fb;--ve-tx2:#b9b7d1;--ve-tx3:#7d7b98;--ve-amber:#ffb627;--ve-cyan:#1fe0ff;--ve-pink:#ff2e93;--ve-danger:#ff5a6e;--ve-ease:cubic-bezier(.16, 1, .3, 1);min-height:calc(100dvh - 64px);color:var(--mz-tx);background:radial-gradient(60% 40% at 15% 0%, #ffb62714, transparent 70%), radial-gradient(60% 40% at 85% 0%, #1fe0ff14, transparent 70%), var(--mz-bg);padding:14px clamp(10px,2vw,24px) 40px;font-size:13px}.mz button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.mz button:disabled{opacity:.4;cursor:not-allowed}.mz [hidden]{display:none!important}.mz-bar{background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.mz-bar-title{align-items:center;gap:10px;min-width:0;display:flex}.mz-bar-title strong{letter-spacing:.02em;font-size:15px}.mz-dot{background:var(--mz-p);width:9px;height:9px;box-shadow:0 0 12px var(--mz-p);border-radius:50%}.mz-hint{color:var(--mz-tx3);font-size:12px}.mz-meter{border:1px solid var(--mz-line);background:#000;border-radius:8px;flex:1;min-width:120px;height:8px;overflow:hidden}.mz-meter i{background:linear-gradient(90deg, #3ee08f, var(--mz-a) 70%, var(--mz-p));height:100%;transition:width 60ms linear;display:block}.mz-master{color:var(--mz-tx2);align-items:center;gap:8px;font-size:12px;display:flex}.mz-rec{border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-weight:700;display:inline-flex;background:#ff2e9314!important;border:1px solid #ff2e9380!important;font-size:12.5px!important}.mz-rec span{background:var(--mz-p);border-radius:50%;width:10px;height:10px}.mz-rec[data-on]{background:var(--mz-p)!important;color:#fff!important}.mz-rec[data-on] span{background:#fff;animation:1s steps(2,end) infinite mz-blink}@keyframes mz-blink{50%{opacity:.2}}.mz-mix{background:var(--mz-panel);border:1px solid #ff2e9359;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;display:flex}.mz-mix audio{flex:1;min-width:220px;height:36px}.mz-tabs{gap:6px;margin:14px 0;display:flex;overflow-x:auto}.mz-tab{white-space:nowrap;border-radius:999px;height:38px;padding:0 16px;font-weight:700;color:var(--mz-tx2)!important;background:var(--mz-panel)!important;border:1px solid var(--mz-line)!important}.mz-tab[aria-selected=true]{box-shadow:0 0 22px -6px var(--mz-a);color:#120c02!important;background:var(--mz-a)!important;border-color:var(--mz-a)!important}.mz-decks{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:12px;display:grid}.mz-deck{--deck:var(--mz-a);background:radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--deck) 9%, transparent), transparent 70%), var(--mz-panel);border:1px solid var(--mz-line);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.mz-deck[data-deck=b]{--deck:var(--mz-b)}.mz-deck-head{align-items:center;gap:10px;min-width:0;display:flex}.mz-deck-badge{color:#0a0a0f;background:var(--deck);width:28px;height:28px;box-shadow:0 0 16px -2px var(--deck);border-radius:8px;flex:none;place-items:center;font-weight:900;display:grid}.mz-deck-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:650;overflow:hidden}.mz-deck-time{color:var(--mz-tx2);font-family:ui-monospace,Consolas,monospace;font-size:12px}.mz-wave{border:1px solid var(--mz-line);cursor:pointer;background:#050508;border-radius:10px;width:100%;height:84px}.mz-deck-load,.mz-transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mz-chip{border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 11px;font-weight:650;display:inline-flex;color:var(--mz-tx2)!important;background:var(--mz-panel-2)!important;border:1px solid var(--mz-line)!important;font-size:12px!important}.mz-chip:hover:not(:disabled){color:var(--mz-tx)!important;border-color:#fff3!important}.mz-chip[aria-pressed=true]{color:#0a0a0f!important;background:var(--deck,var(--mz-a))!important;border-color:var(--deck,var(--mz-a))!important}.mz-select{min-width:0;height:30px;font:inherit;color:var(--mz-tx);background:var(--mz-panel-2);border:1px solid var(--mz-line);border-radius:8px;flex:1;padding:0 8px;font-size:12px}.mz-play{width:46px;height:46px;box-shadow:0 0 22px -4px var(--deck,var(--mz-a));border-radius:50%;place-items:center;display:grid;color:#0a0a0f!important;background:var(--deck,var(--mz-a))!important}.mz-play--big{width:54px;height:54px}.mz-knobs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;display:grid}.mz-knob{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.mz-knob input{opacity:0;cursor:ew-resize;height:52px;position:absolute;inset:0 0 auto}.mz-knob-dial{width:46px;height:46px;transform:rotate(var(--turn));background:radial-gradient(circle at 35% 30%,#2a2a3a,#0d0d14);border:1px solid #ffffff24;border-radius:50%;position:relative;box-shadow:inset 0 2px 4px #ffffff0f,0 4px 10px #0009}.mz-knob-dial i{background:var(--deck,var(--mz-a));width:3px;height:12px;box-shadow:0 0 6px var(--deck,var(--mz-a));border-radius:2px;margin-left:-1.5px;position:absolute;top:5px;left:50%}.mz-knob-label{color:var(--mz-tx2);font-size:10.5px;font-weight:700}.mz-knob-value{color:var(--mz-tx3);font-family:ui-monospace,Consolas,monospace;font-size:10px}.mz-fader{color:var(--mz-tx2);align-items:center;gap:10px;font-size:12px;display:flex}.mz-fader input,.mz-master input{accent-color:var(--deck,var(--mz-a));flex:1}.mz-fader--inline{min-width:200px}.mz-center{background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.mz-center-title{letter-spacing:.12em;text-transform:uppercase;color:var(--mz-tx3);text-align:center;font-size:10.5px;font-weight:800}.mz-cross{accent-color:#fff;width:100%}.mz-cross-labels{justify-content:space-between;font-weight:900;display:flex}.mz-cross-labels b:first-child{color:var(--mz-a)}.mz-cross-labels b:last-child{color:var(--mz-b)}.mz-pads{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.mz-pad{aspect-ratio:1.4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:750;transition:transform 80ms,box-shadow .12s;display:flex;position:relative;background:radial-gradient(circle at 50% 30%,#ff2e9359,#0000 70%),#1a1024!important;border:1px solid #ff2e9366!important;font-size:12px!important}.mz-pad:nth-child(2n){background:radial-gradient(circle at 50% 30%,#9466ff66,#0000 70%),#140f24!important;border-color:#9466ff73!important}.mz-pad:active{transform:scale(.94);box-shadow:0 0 26px #ff2e9399}.mz-pad kbd{color:var(--mz-tx3);font-family:ui-monospace,Consolas,monospace;font-size:10px}.mz-beat-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.mz-presets{flex-wrap:wrap;gap:6px;display:flex}.mz-grid{background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:16px;gap:6px;padding:14px;display:grid;overflow-x:auto}.mz-grid-row{grid-template-columns:90px repeat(16,minmax(26px,1fr));align-items:center;gap:4px;display:grid}.mz-grid-label{color:var(--mz-tx2);font-size:12px;font-weight:700}.mz-cell{border-radius:6px;height:34px;transition:background 80ms;background:#15151f!important;border:1px solid #ffffff0f!important}.mz-cell[data-beat]{background:#1d1d2a!important}.mz-cell[aria-pressed=true]{box-shadow:0 0 10px -2px var(--mz-a);background:var(--mz-a)!important}.mz-grid-row:nth-child(2n) .mz-cell[aria-pressed=true]{box-shadow:0 0 10px -2px var(--mz-b);background:var(--mz-b)!important}.mz-cell[data-now]{outline-offset:-2px;outline:2px solid #fff}.mz-note{color:var(--mz-tx3);margin:12px 0 0;font-size:12.5px;line-height:1.5}.mz-freqs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mz-freq{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex;background:radial-gradient(120% 90% at 0% 0%, #9466ff29, transparent 60%), var(--mz-panel)!important;border:1px solid var(--mz-line)!important}.mz-freq strong{font-size:18px}.mz-freq span{color:var(--mz-tx3);font-size:12px}.mz-freq[aria-pressed=true]{box-shadow:0 0 0 1px var(--mz-v), 0 0 30px -8px var(--mz-v);border-color:var(--mz-v)!important}.mz-freq-custom{background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.mz-song{flex-direction:column;gap:12px;max-width:900px;display:flex}.mz-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mz-model{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex;background:var(--mz-panel)!important;border:1px solid var(--mz-line)!important}.mz-model strong{align-items:center;gap:8px;font-size:14px;display:flex}.mz-model em{color:#0a0a0f;background:var(--mz-b);border-radius:5px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:800}.mz-model span{color:var(--mz-tx3);font-size:12px;line-height:1.45}.mz-model[aria-pressed=true]{box-shadow:0 0 0 1px var(--mz-a);border-color:var(--mz-a)!important}.mz-field{color:var(--mz-tx2);flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.mz-field textarea{font:inherit;color:var(--mz-tx);resize:vertical;background:#08080d;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.5}.mz-field textarea:focus{border-color:var(--mz-b);outline:none}.mz-song-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mz-toast{position:fixed;bottom:18px}@media (max-width:1100px){.mz-decks{grid-template-columns:1fr}.mz-pads{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.mz-knobs{grid-template-columns:repeat(4,minmax(0,1fr))}.mz-freqs,.mz-models{grid-template-columns:1fr}.mz-pads{grid-template-columns:repeat(2,1fr)}}.mz-editor{border:1px solid var(--mz-line);background:linear-gradient(#0b0b13,#07070c);border-radius:18px;margin-top:18px;padding:18px}.mz-editor-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px;display:flex}.mz-editor-head h2{font-family:var(--font-tesela-display,inherit);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:26px;font-weight:900}.mz-editor-head h2 b{background:linear-gradient(90deg, var(--mz-a), var(--mz-p), var(--mz-b));color:#0000;-webkit-background-clip:text;background-clip:text}.mz-editor-head p{color:var(--mz-tx3);margin:0}.mt{grid-template-columns:230px minmax(0,1fr);gap:14px;display:grid}.mt-lib{scrollbar-width:thin;flex-direction:column;gap:12px;max-height:560px;padding-right:4px;display:flex;overflow-y:auto}.mt-lib h4{letter-spacing:.16em;text-transform:uppercase;color:var(--mz-tx3);margin:0 0 6px;font-size:11px}.mt-upload{text-align:center;background:#ffb6270f;border:1px dashed #ffb62773;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;transition:background .2s,border-color .2s;display:flex}.mt-upload:hover{border-color:var(--mz-a);background:#ffb6271f}.mt-upload span{color:var(--mz-tx3);font-size:12px}.mt-lib-grid{flex-wrap:wrap;gap:6px;display:flex}.mt-sound,.mt-file{border:1px solid var(--mz-line);background:var(--mz-panel-2);text-align:left;border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;transition:border-color .2s,transform .15s;display:inline-flex}.mt-sound:hover,.mt-file:hover{border-color:#ffffff40;transform:translateY(-1px)}.mt-sound[data-group=Ritmos]{box-shadow:inset 2px 0 0 var(--mz-v)}.mt-sound[data-group=Loops]{box-shadow:inset 2px 0 0 var(--mz-a)}.mt-sound[data-group=Efectos]{box-shadow:inset 2px 0 0 var(--mz-b)}.mt-lib-list{flex-direction:column;gap:5px;display:flex}.mt-file{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.mt-main{flex-direction:column;gap:12px;min-width:0;display:flex}.mt-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mt-time{font-variant-numeric:tabular-nums;min-width:108px;color:var(--mz-tx2);font-weight:700}.mt-gap{flex:1}.mt-zoom{min-width:140px}.mt-voice{background:#ff2e931a;border:1px solid #ff2e9380;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-weight:700;display:inline-flex}.mt-voice>span{background:var(--mz-p);width:9px;height:9px;box-shadow:0 0 8px var(--mz-p);border-radius:50%}.mt-voice[data-on]{background:var(--mz-p);color:#fff}.mt-voice[data-on]>span{background:#fff;animation:.9s steps(2,end) infinite mt-blink}@keyframes mt-blink{50%{opacity:.2}}.mt-body{border:1px solid var(--mz-line);background:#05050a;border-radius:14px;grid-template-columns:150px minmax(0,1fr);display:grid;overflow:hidden}.mt-heads{border-right:1px solid var(--mz-line);background:var(--mz-panel);flex-direction:column;display:flex}.mt-head{border-bottom:1px solid var(--mz-line);height:64px;box-shadow:inset 3px 0 0 var(--tone,transparent);flex-direction:column;justify-content:center;gap:6px;padding:0 12px;display:flex}.mt-head--ruler{height:26px;box-shadow:none}.mt-head strong{font-size:12.5px}.mt-head-ctl{align-items:center;gap:8px;display:flex}.mt-head-ctl input{width:80px;accent-color:var(--tone)}.mt-mute{border:1px solid var(--mz-line);background:var(--mz-panel-2);border-radius:6px;width:22px;height:22px;font-size:11px;font-weight:800}.mt-mute[aria-pressed=true]{color:#fff;background:#ff3b5c;border-color:#0000}.mt-lanes{scrollbar-width:thin;position:relative;overflow-x:auto}.mt-inner{min-width:100%;position:relative}.mt-ruler{border-bottom:1px solid var(--mz-line);cursor:pointer;background:repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 20px);height:26px;position:relative}.mt-ruler span{color:var(--mz-tx3);font-variant-numeric:tabular-nums;border-left:1px solid #ffffff40;padding-left:4px;font-size:10px;position:absolute;top:6px}.mt-lane{border-bottom:1px solid var(--mz-line);background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 5%, transparent), transparent 60%);height:64px;position:relative}.mt-lane[data-muted]{opacity:.35}.mt-clip{background:color-mix(in srgb, var(--tone) 22%, #0d0d15);border:1px solid color-mix(in srgb, var(--tone) 60%, transparent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;transition:box-shadow .2s;position:absolute;top:6px;bottom:6px;overflow:hidden}.mt-clip:active{cursor:grabbing}.mt-clip[data-selected]{box-shadow:0 0 0 1px #fff, 0 0 18px color-mix(in srgb, var(--tone) 60%, transparent);border-color:#fff}.mt-clip svg{width:100%;height:calc(100% - 16px);position:absolute;inset:14px 0 2px}.mt-clip path{stroke:var(--tone);stroke-width:.8px;opacity:.85}.mt-clip-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 2px #000c;font-size:10.5px;font-weight:700;position:absolute;top:2px;left:8px;right:8px;overflow:hidden}.mt-handle{cursor:ew-resize;background:#fff0;width:8px;transition:background .2s;position:absolute;top:0;bottom:0}.mt-handle--l{left:0}.mt-handle--r{right:0}.mt-clip:hover .mt-handle,.mt-clip[data-selected] .mt-handle{background:#ffffff59}.mt-playhead{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #fffc}.mt-playhead:before{content:"";border:6px solid #0000;border-top-color:#fff;position:absolute;top:0;left:-5px}.mt-inspector{background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 14px;animation:.25s both mt-in;display:flex}@keyframes mt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mz-send{border-color:#1fe0ff73!important}@media (max-width:900px){.mt{grid-template-columns:minmax(0,1fr)}.mt-lib{max-height:220px}.mt-body{grid-template-columns:96px minmax(0,1fr)}.mt-head-ctl input{width:54px}}.mt-ai{flex-wrap:wrap;gap:8px;width:100%;display:flex}.mt-ai-btn{background:linear-gradient(100deg,#9466ff2e,#ff2e931a);border:1px solid #9466ff80;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-weight:700;transition:transform .15s,box-shadow .2s;display:inline-flex}.mt-ai-btn[data-tool=limpiar]{background:linear-gradient(100deg,#1fe0ff29,#9466ff14);border-color:#1fe0ff80}.mt-ai-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 22px -6px #9466ffcc}.mt-ai-btn:disabled{opacity:.6;cursor:progress}.mz-genres{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.mz-genre{align-items:flex-start;gap:12px;display:flex}.mz-genre-title{letter-spacing:.14em;text-transform:uppercase;width:92px;color:var(--mz-tx3);flex:none;padding-top:7px;font-size:11px;font-weight:800}.mz-star{color:#ffd27a;text-shadow:0 0 8px #ffb627cc;margin-right:4px}.mz-chip[data-premium]{background:linear-gradient(100deg,#ffb6271a,#ff2e930d);border-color:#ffb62759}.mz-trans{background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:16px;margin-top:14px;padding:14px}.mz-trans-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;display:flex}.mz-trans-head h3{font-family:var(--font-tesela-display,inherit);text-transform:uppercase;margin:0;font-size:18px;font-weight:900}.mz-trans-head span{color:var(--mz-tx3)}.mz-trans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mz-trans-btn{border:1px solid var(--mz-line);background:var(--mz-panel-2);text-align:left;animation:.35s both mt-in;animation-delay:calc(var(--i) * 40ms);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.mz-trans-btn:hover:not(:disabled){border-color:#1fe0ff80;transform:translateY(-2px);box-shadow:0 0 22px -8px #1fe0ffb3}.mz-trans-btn[data-premium]{border-color:#ffb6274d}.mz-trans-btn strong{font-size:13px}.mz-trans-btn small{color:var(--mz-tx3);font-size:11.5px;line-height:1.35}.mz-trans-btn[data-busy]{border-color:var(--mz-b)}.mz-trans-run{transform-origin:0;background:linear-gradient(90deg, var(--mz-a), var(--mz-p), var(--mz-b));width:100%;height:3px;animation:linear both mz-run;position:absolute;bottom:0;left:0}@keyframes mz-run{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mz-pricing{background:linear-gradient(100deg,#ffb62712,#9466ff0d);border:1px solid #ffb62738;border-radius:14px;margin-top:14px;padding:12px 16px}.mz-pricing summary{cursor:pointer;font-weight:700}.mz-pricing ul{color:var(--mz-tx2);margin:10px 0 8px;padding-left:18px;line-height:1.6}.mz-pricing a{color:var(--mz-a);font-weight:700}@media (max-width:900px){.mz-trans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-genre{flex-direction:column;gap:4px}}.mt-body{scrollbar-width:thin;max-height:480px;overflow-y:auto}.mt-add-track{color:#ffd27a;background:#ffb6270f;border:1px dashed #ffb62780;border-radius:10px;height:40px;margin:6px 8px;font-size:12px;font-weight:800}.mt-add-track:hover{background:#ffb62724}
