*{margin:0;padding:0;box-sizing:border-box}@keyframes vuPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes ledBlink{0%,to{opacity:.6}50%{opacity:1}}.dj-mixer-studio{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#0f0f1a 50%,#0a0a0f);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.mixer-console{width:100%;max-width:1400px;background:#0d0d0d;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 1px 2px hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.mixer-top-section{display:grid;grid-template-columns:1fr 2fr 2fr;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px solid #2a2a2a}.brand-plate{background:#1a1a1a;padding:1.5rem;border-radius:8px;border:1px solid #2a2a2a}.brand-logo{font-family:Arial Black,sans-serif;font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:.2em;margin-bottom:.5rem}.brand-model{font-family:Arial,sans-serif;font-size:.75rem;font-weight:700;color:hsla(0,0%,100%,.7);letter-spacing:.15em;margin-bottom:.3rem}.brand-subtitle{font-family:Arial,sans-serif;font-size:.6rem;color:hsla(0,0%,100%,.5);letter-spacing:.12em}.master-vu-display{display:flex;gap:1rem;align-items:center;justify-content:center}.vu-meter-large{flex:1;background:#000;border:3px solid #2a2a2a;border-radius:6px;padding:1rem .8rem;box-shadow:inset 0 4px 12px rgba(0,0,0,.9)}.vu-label{font-family:Arial Black,sans-serif;font-size:.8rem;font-weight:900;color:hsla(0,0%,100%,.6);text-align:center;margin-bottom:.8rem}.vu-segments{display:flex;flex-direction:column-reverse;gap:2px}.vu-seg{height:8px;background:rgba(50,50,50,.5);border-radius:1px;transition:background .1s ease}.vu-seg.green{background:rgba(34,197,94,.3);animation:vuPulse .8s ease-in-out infinite}.vu-seg.green:nth-child(odd){animation-delay:.1s}.vu-seg.yellow{background:rgba(234,179,8,.3);animation:vuPulse .6s ease-in-out infinite}.vu-seg.red{background:rgba(239,68,68,.3);animation:vuPulse .4s ease-in-out infinite}.master-lcd-display{background:#000;border:4px solid #1a1a1a;border-radius:8px;padding:1rem;box-shadow:inset 0 6px 20px rgba(0,0,0,.95)}.lcd-screen{background:linear-gradient(180deg,#9fccaa,#7eb899,#6fa587);padding:1.5rem;border-radius:4px;box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}.lcd-content{font-family:Courier New,monospace;color:#000}.lcd-top-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.7rem;font-weight:700;opacity:.7}.lcd-main-text{font-family:Arial Black,sans-serif;font-size:1.3rem;font-weight:900;margin-bottom:.8rem;line-height:1.2}.lcd-stats{font-size:.75rem;font-weight:600;opacity:.7}.channel-strips-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.channel-strip{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1.5rem 1rem}.channel-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #2a2a2a}.channel-number{font-family:Arial Black,sans-serif;font-size:1.2rem;font-weight:900;color:rgba(34,197,94,.8);margin-bottom:.3rem;text-shadow:0 0 10px rgba(34,197,94,.4)}.channel-name{font-family:Arial,sans-serif;font-size:.7rem;font-weight:700;color:hsla(0,0%,100%,.6);letter-spacing:.15em}.eq-section{display:flex;justify-content:space-around;margin-bottom:1.5rem}.knob-control{text-align:center}.knob{width:50px;height:50px;background:#1a1a1a;border-radius:50%;border:2px solid #2a2a2a;position:relative;margin:0 auto .5rem;cursor:pointer}.knob-indicator{position:absolute;top:8px;left:50%;transform-origin:50% 200%;width:3px;height:12px;background:rgba(34,197,94,.9);box-shadow:0 0 8px rgba(34,197,94,.8);border-radius:2px;margin-left:-1.5px}.knob-label{font-family:Arial,sans-serif;font-size:.6rem;font-weight:600;color:hsla(0,0%,100%,.5);letter-spacing:.08em}.channel-display{background:rgba(0,0,0,.6);border:2px solid #2a2a2a;border-radius:6px;padding:1rem;margin-bottom:1.5rem;min-height:180px;box-shadow:inset 0 2px 8px rgba(0,0,0,.8)}.display-title{font-family:Arial Black,sans-serif;font-size:.8rem;font-weight:900;color:rgba(34,197,94,.9);letter-spacing:.12em;margin-bottom:.8rem;text-shadow:0 0 10px rgba(34,197,94,.4)}.display-text{font-family:Arial,sans-serif;font-size:.7rem;color:hsla(0,0%,100%,.7);line-height:1.5;margin-bottom:1rem}.display-metric{text-align:center;padding-top:.8rem;border-top:1px solid hsla(0,0%,100%,.1)}.metric-value{display:block;font-family:Arial Black,sans-serif;font-size:2rem;font-weight:900;color:rgba(34,197,94,.9);margin-bottom:.3rem;text-shadow:0 0 15px rgba(34,197,94,.5)}.metric-label{display:block;font-family:Arial,sans-serif;font-size:.6rem;color:hsla(0,0%,100%,.5);letter-spacing:.1em;text-transform:uppercase}.infra-badges-vertical{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem}.mini-badge{display:block;padding:.4rem .8rem;background:linear-gradient(135deg,#ec4899,#22c55e);border-radius:4px;font-family:Arial Black,sans-serif;font-size:.65rem;font-weight:900;color:#000;text-align:center;letter-spacing:.08em}.fader-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.fader-track{width:12px;height:180px;background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);border:2px solid #2a2a2a;border-radius:6px;position:relative;box-shadow:inset 0 4px 12px rgba(0,0,0,.9)}.fader-handle{position:absolute;left:50%;transform:translateX(-50%);width:40px;height:20px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border:2px solid #4a4a4a;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.8),inset 0 1px 2px hsla(0,0%,100%,.1);cursor:grab;transition:box-shadow .2s ease}.fader-handle:hover{box-shadow:0 6px 16px rgba(0,0,0,.9),0 0 16px rgba(34,197,94,.3),inset 0 1px 2px hsla(0,0%,100%,.15)}.fader-label{font-family:Arial,sans-serif;font-size:.6rem;font-weight:700;color:hsla(0,0%,100%,.5);letter-spacing:.1em}.crossfader-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;align-items:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#0d0d0d,#050505);border:2px solid #1a1a1a;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.9),inset 0 2px 8px rgba(0,0,0,.8)}.crossfader-housing{flex:1}.crossfader-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-family:Arial Black,sans-serif;font-size:.9rem;font-weight:900;color:hsla(0,0%,100%,.6);letter-spacing:.15em}.crossfader-track{height:16px;background:linear-gradient(90deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);border:3px solid #2a2a2a;border-radius:8px;position:relative;box-shadow:inset 0 4px 12px rgba(0,0,0,.9)}.crossfader-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;height:40px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:3px solid #4a4a4a;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.9),inset 0 2px 4px hsla(0,0%,100%,.1);cursor:grab}.crossfader-handle:hover{box-shadow:0 8px 24px rgba(0,0,0,.95),0 0 24px rgba(34,197,94,.3),inset 0 2px 4px hsla(0,0%,100%,.15)}.master-controls{display:flex;flex-direction:column;gap:1rem}.master-button{padding:1rem 1.5rem;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:8px;font-family:Arial Black,sans-serif;font-size:.85rem;font-weight:900;color:#aaa;letter-spacing:.15em;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer;transition:border-color .2s ease}.master-button:hover{border-color:#3a3a3a}.master-button.create{background:#1a2a1a;border-color:rgba(34,197,94,.4);color:rgba(34,197,94,.95)}.master-button.create:hover{border-color:rgba(34,197,94,.6)}.button-led{width:12px;height:12px;background:rgba(34,197,94,.8);border-radius:50%;box-shadow:0 0 12px rgba(34,197,94,.8),inset 0 1px 2px rgba(0,0,0,.3);animation:ledBlink 2s ease-in-out infinite}.master-fader-section{display:flex;flex-direction:column;align-items:center;gap:.8rem}.master-fader-label{font-family:Arial Black,sans-serif;font-size:.8rem;font-weight:900;color:hsla(0,0%,100%,.6);letter-spacing:.15em}.master-fader-track{width:16px;height:240px;background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);border:3px solid #2a2a2a;border-radius:8px;position:relative;box-shadow:inset 0 6px 20px rgba(0,0,0,.95)}.master-fader-handle{position:absolute;left:50%;transform:translateX(-50%);width:50px;height:30px;background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border:3px solid #5a5a5a;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.9),0 0 20px rgba(34,197,94,.3),inset 0 2px 4px hsla(0,0%,100%,.1);cursor:grab}.master-fader-scale{display:flex;flex-direction:column;gap:1rem;font-family:Courier New,monospace;font-size:.65rem;font-weight:700;color:hsla(0,0%,100%,.4)}.track-library-deck{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:3px solid #2a2a2a;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 12px 40px rgba(0,0,0,.9),inset 0 2px 8px rgba(0,0,0,.7)}.deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #2a2a2a}.deck-title{font-family:Arial Black,sans-serif;font-size:1.2rem;font-weight:900;color:rgba(34,197,94,.9);letter-spacing:.15em;text-shadow:0 0 15px rgba(34,197,94,.4)}.deck-info{font-family:Arial,sans-serif;font-size:.7rem;font-weight:700;color:hsla(0,0%,100%,.5);letter-spacing:.12em}.deck-waveform-display{height:80px;background:#000;border:2px solid #1a1a1a;border-radius:6px;padding:.5rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:inset 0 4px 12px rgba(0,0,0,.9)}.waveform-placeholder{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:1px}.waveform-bar{flex:1;background:rgba(34,197,94,.6);border-radius:1px;box-shadow:0 0 4px rgba(34,197,94,.4);animation:vuPulse 1.5s ease-in-out infinite}.waveform-bar:nth-child(2n){animation-delay:.1s}.track-browser{background:#000;border:2px solid #1a1a1a;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;box-shadow:inset 0 4px 16px rgba(0,0,0,.9)}.browser-header{display:grid;grid-template-columns:56px 1fr 140px 72px;gap:0;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:.8rem 1rem;border-bottom:2px solid #0a0a0a;font-family:Arial,sans-serif;font-size:.7rem;font-weight:700;color:hsla(0,0%,100%,.6);letter-spacing:.1em}.browser-header span:nth-child(3),.browser-header span:nth-child(4){text-align:right}.browser-scroll{max-height:280px;overflow-y:auto}.browser-scroll::-webkit-scrollbar{width:8px}.browser-scroll::-webkit-scrollbar-track{background:#000}.browser-scroll::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.deck-transport{gap:1rem}.deck-transport,.transport-control{display:flex;justify-content:center}.transport-control{width:60px;height:60px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:8px;font-size:1.3rem;color:#aaa;align-items:center;cursor:pointer;transition:border-color .2s ease}.transport-control:hover{border-color:#3a3a3a}.transport-control:active{background:#0d0d0d}.play-large{width:80px;height:80px;font-size:1.8rem;background:#1a2a1a;border-color:rgba(34,197,94,.4);color:rgba(34,197,94,.9)}.play-large:hover{border-color:rgba(34,197,94,.6)}.cue{background:linear-gradient(145deg,#3a2a2a,#2a1a1a);border-color:rgba(239,68,68,.5);color:rgba(239,68,68,.9);font-family:Arial Black,sans-serif;font-size:.9rem;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.8),0 0 16px rgba(239,68,68,.2)}.mixer-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 0;border-top:2px solid #2a2a2a}.bottom-info{display:flex;gap:1.5rem;color:hsla(0,0%,100%,.5);letter-spacing:.08em}.argentina-badge a,.bottom-info{font-family:Arial,sans-serif;font-size:.65rem}.argentina-badge a{font-weight:700;color:rgba(34,197,94,.8);text-decoration:none;letter-spacing:.12em;transition:color .3s ease}.argentina-badge a:hover{color:#22c55e}@media (max-width:1200px){.channel-strips-container{grid-template-columns:repeat(2,1fr)}.crossfader-section,.mixer-top-section{grid-template-columns:1fr}}@media (max-width:768px){.mixer-console{padding:1.5rem 1rem}.channel-strips-container{grid-template-columns:1fr}.browser-header{grid-template-columns:48px 1fr 96px 56px;font-size:.65rem}.bottom-info{flex-direction:column;gap:.5rem}}