/* PulseDeck Metal Pro — independent visual skin. No control behavior is changed. */
.interface-metal-pro{
  --metal-edge:#68717a;--metal-dark:#07090b;--metal-red:#ec243b;--metal-blue:#168dff;
  background:#050607!important;color:#e8edf2;
  background-image:radial-gradient(circle at 50% -20%,#283039 0,transparent 42%),linear-gradient(#080a0c,#030405)!important;
}
.interface-metal-pro .topbar{
  background:linear-gradient(180deg,#202429 0,#090b0d 44%,#030405 48%,#111418 100%)!important;
  border-bottom:2px solid #444b52;box-shadow:0 5px 18px #000!important;
}
.interface-metal-pro .logo{filter:drop-shadow(0 0 7px #4cdfff55)}
.interface-metal-pro .notice{background:#090b0d;color:#b8c0c8;border-color:#353b41}
.interface-metal-pro .controller-grille{
  border-color:#606870!important;background-color:#0d1013!important;
  background-image:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px),radial-gradient(#333b43 1px,transparent 1px)!important;
  background-size:28px 28px,28px 28px,6px 6px!important;box-shadow:inset 0 1px #aeb5bb66,0 -5px 18px #000!important;
}
.interface-metal-pro .controller-grille strong{color:#dce2e6!important;font-style:italic;text-shadow:0 2px #000,0 0 10px #fff4}
.interface-metal-pro .hardware-layout{border:2px solid #636b72!important;background:#090b0d!important;gap:4px!important;box-shadow:0 14px 35px #000!important}
.interface-metal-pro .hardware-layout .deck,.interface-metal-pro .hardware-layout .pro-center-mixer{
  position:relative;border:1px solid #4d555c!important;border-radius:3px!important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(145deg,#252a2f,#080a0c 58%,#161a1e)!important;
  box-shadow:inset 0 1px #cdd2d533,inset 0 -3px 8px #000,0 5px 12px #000!important;
}
.interface-metal-pro .hardware-layout .deck:before,.interface-metal-pro .hardware-layout .pro-center-mixer:before{
  content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #ffffff0d;border-radius:2px;
}
.interface-metal-pro .deck-head{margin:6px 7px 0;padding:9px 10px!important;border:1px solid #020304!important;border-radius:3px;
  background:linear-gradient(#1c2126,#060708)!important;box-shadow:inset 0 1px #62697066,0 2px 6px #000!important}
.interface-metal-pro .deck-label{font-size:12px!important;color:#f1f3f5!important;text-shadow:0 0 8px var(--deck)}
.interface-metal-pro .deck-a .deck-label{border-left:3px solid #ff3b32;padding-left:7px}.interface-metal-pro .deck-b .deck-label{border-left:3px solid #1f98ff;padding-left:7px}
.interface-metal-pro .source-tabs{margin:0 7px;padding-top:6px;border-inline:1px solid #23282d;background:#07090b}
.interface-metal-pro .source{border:1px solid #252a2f!important;border-bottom:2px solid #8e151f!important;border-radius:2px!important;background:linear-gradient(#24292e,#08090a)!important;color:#cfd5da!important}
.interface-metal-pro .source.active{color:#fff!important;border-color:#f12b3d!important;box-shadow:inset 0 0 10px #e3213338,0 0 7px #e3213344!important}
.interface-metal-pro .deck-body{background:radial-gradient(circle at 50% 48%,#282d31 0,#0b0d0f 44%,#050607 72%)!important}
.interface-metal-pro .platter{
  border:9px solid #111417!important;background:
  repeating-conic-gradient(from 0deg,#eef1f2 0 4deg,#6f777d 5deg 9deg,#d7dcdf 10deg 14deg),
  radial-gradient(circle,#050607 0 14%,#cfd4d6 15% 48%,#4d5459 49% 52%,#b8bec1 53% 66%,#111417 67%)!important;
  box-shadow:0 0 0 3px #697178,0 0 0 6px #08090a,0 13px 24px #000,inset 0 0 0 5px #dde1e3aa,inset 0 0 32px #000!important;
}
.interface-metal-pro .platter .vinyl{inset:14%!important;border:2px solid #1a1c1e!important;background:repeating-radial-gradient(circle,#c9ced0 0 2px,#7f878c 3px 5px)!important;box-shadow:inset 0 0 18px #0008}
.interface-metal-pro .platter .label{inset:34%!important;background:radial-gradient(circle at 37% 30%,#e6ebed,#333a3f 35%,#050607 69%)!important;border:4px solid var(--deck);box-shadow:0 0 14px var(--deck),inset 0 0 8px #000!important}
.interface-metal-pro .platter.playing{animation:spin 2s linear infinite,metal-ring 1.2s ease-in-out infinite alternate!important}
@keyframes metal-ring{to{box-shadow:0 0 0 3px #aab1b7,0 0 0 7px var(--deck),0 0 26px var(--deck),0 13px 24px #000,inset 0 0 0 5px #fff9!important}}
.interface-metal-pro .eq-strip{padding:10px 8px;border:1px solid #353b40;background:linear-gradient(#171b1f,#060708);box-shadow:inset 0 1px #ffffff1c}
.interface-metal-pro .eq-strip label{color:#dce2e6!important;font-weight:800}.interface-metal-pro input[type=range]{accent-color:#df293a}
.interface-metal-pro .performance{padding:8px 12px 12px;background:#07090a;border-top:1px solid #353a3e}
.interface-metal-pro .performance button{min-height:48px!important;border:2px solid #111!important;border-radius:3px!important;color:#fff!important;font-weight:900!important;box-shadow:inset 0 2px #fff5,inset 0 -5px #0007,0 3px 5px #000!important}
.interface-metal-pro .performance button:nth-child(1){background:linear-gradient(#ff6868,#d32231)!important}.interface-metal-pro .performance button:nth-child(2){background:linear-gradient(#ffb35d,#e36125)!important}.interface-metal-pro .performance button:nth-child(3){background:linear-gradient(#5e9cff,#245ddd)!important}.interface-metal-pro .performance button:nth-child(4){background:linear-gradient(#ffe06b,#cf9b24)!important}
.interface-metal-pro .performance button:active,.interface-metal-pro .performance button.pad-fired{filter:brightness(1.45);transform:translateY(2px);box-shadow:inset 0 4px 10px #0008,0 0 20px currentColor!important}
.interface-metal-pro .pad-mode-buttons{background:#080a0b}.interface-metal-pro .pad-mode-buttons button{border-bottom:2px solid #e72d3e!important}
.interface-metal-pro .transport{border-top:2px solid #41474c!important;background:linear-gradient(#171b1e,#060708)!important}
.interface-metal-pro .transport button:not(.play):not(.cue){border:1px solid #575e64!important;background:linear-gradient(#343a40,#0a0c0e 55%,#20252a)!important}
.interface-metal-pro .transport .play{border-color:#b9c0c4!important;background:radial-gradient(circle at 35% 28%,#dfe4e6,#6f777c 34%,#202529 65%,#080a0b)!important;box-shadow:inset 0 2px #fff8,inset 0 -7px 9px #000,0 0 0 4px #101315,0 0 0 6px #42e85a,0 7px 12px #000!important}
.interface-metal-pro .transport .play.is-playing{background:radial-gradient(circle at 35% 28%,#bcffc5,#21bf45 40%,#075c22 70%)!important;box-shadow:0 0 0 4px #071009,0 0 0 7px #58ff76,0 0 25px #45ff69!important}
.interface-metal-pro .transport .cue{background:radial-gradient(circle at 35% 28%,#fff1d5,#a96622 42%,#261505 70%)!important}
.interface-metal-pro .pro-center-mixer{background:linear-gradient(90deg,#0b0d0f,#252a2e 48%,#0a0c0e 52%,#202529)!important}
.interface-metal-pro .hardware-knob{background:radial-gradient(circle at 35% 28%,#f1f3f4 0 8%,#899096 10% 22%,#171a1c 24% 54%,#b8bdc0 57% 61%,#08090a 64%)!important;box-shadow:0 4px 8px #000,0 0 0 1px #777!important}
.interface-metal-pro .meters{border:1px solid #010203;background:#050706!important;box-shadow:inset 0 0 12px #000}
.interface-metal-pro .browser,.interface-metal-pro .browser>aside,.interface-metal-pro .library-head{background:linear-gradient(#181c1f,#070809)!important;border-color:#454c52!important}
.interface-metal-pro .library table{background:#060708}.interface-metal-pro .library th{background:#15191c;color:#cdd3d8}.interface-metal-pro .library tr:nth-child(even){background:#101316}.interface-metal-pro .library tr:hover{background:#242a2f}
.interface-metal-pro .mini-deck,.interface-metal-pro .performance-studio,.interface-metal-pro .advanced-settings,.interface-metal-pro .settings-grid fieldset{background:linear-gradient(145deg,#1c2125,#070809)!important;border-color:#4c5359!important}
.interface-metal-pro select,.interface-metal-pro input,.interface-metal-pro textarea{background:#060809;color:#eef2f5;border-color:#4c535a}
@media(max-width:1250px){.interface-metal-pro .platter{border-width:6px!important}.interface-metal-pro .deck-head{margin-inline:3px}}