/* PulseDeck Metal Pro V2 — full functional controller skin. */
.interface-metal-pro-v2{
  --v2-red:#ff3045;--v2-blue:#1e9bff;--v2-cyan:#38dafa;--v2-metal:#aeb5ba;
  background:#030405!important;color:#edf1f3;
  background-image:linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px),radial-gradient(circle at 50% 0,#252a2e,transparent 48%)!important;
  background-size:24px 24px,24px 24px,auto!important;
}
.interface-metal-pro-v2 .topbar{height:54px;background:linear-gradient(#1e2225,#070809 52%,#15181b)!important;border-bottom:2px solid #525960;box-shadow:0 5px 20px #000!important}
.interface-metal-pro-v2 .top-actions>button,.interface-metal-pro-v2 .zoom-controls{border:1px solid #555d63!important;background:linear-gradient(#343a3e,#090b0c 52%,#202428)!important;color:#e7ecef!important;box-shadow:inset 0 1px #fff3,0 3px 5px #000!important}
.interface-metal-pro-v2 .controller-grille{height:45px!important;border:2px solid #777f85!important;border-bottom:0!important;border-radius:5px 5px 0 0!important;background:repeating-linear-gradient(90deg,#101315 0 3px,#080a0b 3px 6px)!important;box-shadow:inset 0 1px #fff5,0 -5px 15px #000!important}
.interface-metal-pro-v2 .controller-grille strong{font-size:20px!important;color:#e9edef!important;font-style:italic;letter-spacing:-1px;text-shadow:0 2px #000}
.interface-metal-pro-v2 .controller-grille small{color:#8d969d!important}
.interface-metal-pro-v2 .hardware-layout{grid-template-columns:minmax(420px,1fr) minmax(350px,430px) minmax(420px,1fr)!important;gap:3px!important;padding:4px!important;border:3px solid #858c91!important;border-top:1px solid #4d5358!important;border-radius:0 0 5px 5px!important;background:#050607!important;box-shadow:0 16px 35px #000!important}
.interface-metal-pro-v2 .hardware-layout>.deck,.interface-metal-pro-v2 .hardware-layout>.pro-center-mixer{height:min(690px,calc(100vh - 285px))!important;min-height:575px!important;border:1px solid #596066!important;border-radius:2px!important;background:repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),linear-gradient(145deg,#252a2e,#080a0b 55%,#171b1e)!important;box-shadow:inset 0 1px #fff4,inset 0 -4px 10px #000,0 4px 10px #000!important}
.interface-metal-pro-v2 .deck-head{height:58px;box-sizing:border-box;margin:5px 6px 0;padding:7px 9px!important;border:1px solid #020303!important;border-radius:3px;background:linear-gradient(#20252a,#050607)!important;box-shadow:inset 0 1px #6b737955,0 3px 6px #000!important}
.interface-metal-pro-v2 .deck-head strong{font-size:12px!important;color:#f3f5f6}.interface-metal-pro-v2 .deck-head small{font-size:8px!important;color:#8f9aa2}
.interface-metal-pro-v2 .deck-a .deck-label{color:var(--v2-red)!important;text-shadow:0 0 10px var(--v2-red)}.interface-metal-pro-v2 .deck-b .deck-label{color:var(--v2-blue)!important;text-shadow:0 0 10px var(--v2-blue)}
.interface-metal-pro-v2 .deck-head #timeA,.interface-metal-pro-v2 .deck-head #timeB{height:28px!important;min-width:106px!important;border-color:#4e565c!important;background:#020303!important;color:#fff!important;text-shadow:0 0 8px currentColor!important}
.interface-metal-pro-v2 .source-tabs{margin:0 6px;padding:5px 6px;background:#080a0b;border:1px solid #24292d;border-top:0}
.interface-metal-pro-v2 .source{height:28px;border:1px solid #4c5359!important;border-radius:2px!important;background:linear-gradient(#33393e,#080a0b 55%,#202428)!important;color:#cbd2d7!important;box-shadow:0 2px 3px #000!important}
.interface-metal-pro-v2 .source.active{border-color:var(--deck)!important;color:#fff!important;box-shadow:inset 0 0 9px color-mix(in srgb,var(--deck) 30%,transparent),0 0 7px color-mix(in srgb,var(--deck) 45%,transparent)!important}
.interface-metal-pro-v2 .deck-lcd{margin-inline:6px;border:2px solid #010203;background:#03090c!important;box-shadow:inset 0 0 16px #000,0 1px #596168!important}
.interface-metal-pro-v2 .deck-body{min-height:285px!important;height:300px!important;padding:5px 12px!important;background:radial-gradient(circle at 50% 48%,#33383c 0,#101315 42%,#050607 70%)!important}
.interface-metal-pro-v2 .platter{width:285px!important;height:285px!important;border:10px solid #101315!important;background:repeating-conic-gradient(#e9edef 0 4deg,#777f84 5deg 9deg,#c6cccf 10deg 14deg)!important;box-shadow:0 0 0 3px #7f878d,0 0 0 7px #050607,0 14px 25px #000,inset 0 0 0 7px #f4f6f799,inset 0 0 38px #000!important}
.interface-metal-pro-v2 .platter:before{content:"";position:absolute;inset:11%;border-radius:50%;background:repeating-radial-gradient(circle,#d9dddf 0 2px,#747c81 3px 5px);box-shadow:inset 0 0 30px #0009}
.interface-metal-pro-v2 .platter .vinyl{inset:24%!important;z-index:1;border:4px solid #151719!important;background:radial-gradient(circle,#dce0e2 0 18%,#15191c 20% 34%,#838b90 36% 50%,#080a0b 52%)!important;box-shadow:0 0 0 3px var(--deck),0 0 13px var(--deck)!important}
.interface-metal-pro-v2 .platter .label{inset:39%!important;z-index:2;background:radial-gradient(circle at 35% 30%,#f7f8f8,#5f686d 30%,#080a0b 67%)!important;border:3px solid var(--deck)!important;box-shadow:0 0 13px var(--deck)!important}
.interface-metal-pro-v2 .platter.playing{animation:spin 1.8s linear infinite,v2-led 1s ease-in-out infinite alternate!important}
@keyframes v2-led{to{box-shadow:0 0 0 3px #abb2b7,0 0 0 8px var(--deck),0 0 28px var(--deck),0 14px 25px #000,inset 0 0 0 7px #fff9,inset 0 0 38px #000}}
.interface-metal-pro-v2 .pitch-box{height:270px!important;padding:8px 6px;border:1px solid #383e43;background:linear-gradient(#181c1f,#050607);box-shadow:inset 0 1px #fff2}.interface-metal-pro-v2 .pitch-box input{height:205px!important}
.interface-metal-pro-v2 .eq-strip{padding:10px 7px;border:1px solid #3f464b;background:linear-gradient(#1a1e21,#050607);box-shadow:inset 0 1px #fff2}
.interface-metal-pro-v2 .eq-strip input[type=range]{height:18px}.interface-metal-pro-v2 .eq-strip label{font-size:8px!important;font-weight:900;color:#cbd2d7!important}
.interface-metal-pro-v2 input[type=range]::-webkit-slider-runnable-track{height:8px;border:1px solid #000;background:linear-gradient(#030405,#24292d 52%,#030405);box-shadow:inset 0 2px 3px #000,0 1px #60676c}
.interface-metal-pro-v2 input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:26px;margin-top:-10px;border:1px solid #111;border-radius:2px;background:linear-gradient(90deg,#151718,#d9dddf 25%,#555d62 42%,#fff 50%,#555d62 58%,#d9dddf 75%,#151718);box-shadow:0 3px 5px #000}
.interface-metal-pro-v2 .performance{height:112px;box-sizing:border-box;gap:6px;padding:8px 12px!important;border-top:1px solid #4c5358;background:#070809!important}
.interface-metal-pro-v2 .performance button{height:45px!important;border:2px solid #0b0c0d!important;border-radius:3px!important;color:#fff!important;font-weight:900!important;text-shadow:0 1px #000;box-shadow:inset 0 2px #fff6,inset 0 -6px #0006,0 3px 5px #000!important}
.interface-metal-pro-v2 .performance button:nth-child(1){background:linear-gradient(#ff6969,#d81d35)!important}.interface-metal-pro-v2 .performance button:nth-child(2){background:linear-gradient(#ffb75f,#df622a)!important}.interface-metal-pro-v2 .performance button:nth-child(3){background:linear-gradient(#5f9fff,#235fdc)!important}.interface-metal-pro-v2 .performance button:nth-child(4){background:linear-gradient(#ffe36d,#d49b20)!important}
.interface-metal-pro-v2 .performance button.pad-fired,.interface-metal-pro-v2 .performance button:active{transform:translateY(2px);filter:brightness(1.5);box-shadow:inset 0 5px 10px #0008,0 0 20px var(--deck)!important}
.interface-metal-pro-v2 .pad-mode-buttons{margin-bottom:4px!important}.interface-metal-pro-v2 .pad-mode-buttons button{height:25px;border:1px solid #4d545a!important;border-bottom:2px solid var(--deck)!important;background:linear-gradient(#2c3236,#08090a)!important;color:#dbe0e3!important}
.interface-metal-pro-v2 .transport{height:85px;padding:8px!important;border-top:2px solid #50575d;background:linear-gradient(#1a1e21,#060708)!important}
.interface-metal-pro-v2 .transport button{background:linear-gradient(#363c41,#080a0b 52%,#22272b)!important;border:1px solid #626a70!important;box-shadow:inset 0 1px #fff4,0 4px 5px #000!important}
.interface-metal-pro-v2 .transport .play{width:68px!important;height:68px!important;min-width:68px;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#f1f3f4,#697177 42%,#15191b 70%)!important;box-shadow:inset 0 2px #fff9,inset 0 -7px #000,0 0 0 4px #080a0b,0 0 0 7px #51ec66,0 7px 12px #000!important}
.interface-metal-pro-v2 .transport .play.is-playing{background:radial-gradient(circle at 35% 30%,#c6ffce,#22c448 42%,#075a23 70%)!important;box-shadow:0 0 0 4px #071009,0 0 0 7px #59ff78,0 0 25px #4dff6d!important}
.interface-metal-pro-v2 .transport .cue{width:58px!important;height:58px!important;min-width:58px;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#fff2d5,#b36d25 42%,#261505 72%)!important;border:2px solid #ff9b2e!important}
.interface-metal-pro-v2 .pro-center-mixer{padding:8px!important;background:linear-gradient(90deg,#090b0c,#24292d 48%,#090b0c 52%,#202529)!important}
.interface-metal-pro-v2 .mixer-title{color:#edf1f3!important;font-style:italic}.interface-metal-pro-v2 .browse-control{padding:4px;border-bottom:1px solid #4d545a}.interface-metal-pro-v2 .hardware-knob{background:radial-gradient(circle at 35% 28%,#f5f6f6 0 7%,#8c9499 9% 22%,#15191b 24% 55%,#c8cdd0 58% 62%,#050607 64%)!important;box-shadow:0 4px 8px #000,0 0 0 1px #777!important}
.interface-metal-pro-v2 .meters{height:120px!important;border:2px solid #020303;background:#050706!important;box-shadow:inset 0 0 15px #000,0 1px #666!important}.interface-metal-pro-v2 .channel-faders{height:185px!important}.interface-metal-pro-v2 .channel-faders input{height:160px!important}
.interface-metal-pro-v2 .browser{border:2px solid #4e565c!important;background:#070809!important}.interface-metal-pro-v2 .browser>aside,.interface-metal-pro-v2 .library-head{background:linear-gradient(#1b1f22,#070809)!important;border-color:#4b5258!important}.interface-metal-pro-v2 .library table{background:#050607}.interface-metal-pro-v2 .library th{background:#171b1e;color:#cdd4d8}.interface-metal-pro-v2 .library tr:nth-child(even){background:#101315}.interface-metal-pro-v2 .library tr:hover{background:#22282c}
.interface-metal-pro-v2 select,.interface-metal-pro-v2 input,.interface-metal-pro-v2 textarea{background:#050708;color:#eef2f4;border-color:#4c545a}
@media(max-width:1600px){.interface-metal-pro-v2 .hardware-layout{grid-template-columns:minmax(350px,1fr) 310px minmax(350px,1fr)!important}.interface-metal-pro-v2 .platter{width:235px!important;height:235px!important}.interface-metal-pro-v2 .deck-body{height:255px!important;min-height:245px!important}.interface-metal-pro-v2 .hardware-layout>.deck,.interface-metal-pro-v2 .hardware-layout>.pro-center-mixer{min-height:535px!important}}
@media(max-width:1100px){.interface-metal-pro-v2 .hardware-layout{grid-template-columns:1fr!important}.interface-metal-pro-v2 .hardware-layout>.deck,.interface-metal-pro-v2 .hardware-layout>.pro-center-mixer{height:auto!important;min-height:560px!important}.interface-metal-pro-v2 .pro-center-mixer{order:3}}