/* NunnakiBox Beat Studio Premiere v244 — visual layer only. */
.production-studio.console214{--prem-gold:#e7c987;--prem-border:rgba(222,185,112,.3);--prem-panel:#111b26;background:radial-gradient(ellipse at 50% -10%,#233348 0%,#0a101a 42%,#070b11 100%)!important;color:#f4eddf!important;border:1px solid var(--prem-border)!important;border-radius:22px!important;padding:clamp(12px,2.5vw,28px)!important;box-shadow:0 24px 85px #0008, inset 0 1px #f6db9840!important;max-width:1500px;margin:0 auto;min-width:0;overflow:hidden}
.console214 .studio-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#ae81432b,transparent 48%),linear-gradient(125deg,#1d2c40,#101820 65%,#211c19)!important;border:1px solid var(--prem-border)!important;border-radius:18px!important;padding:clamp(18px,3vw,32px)!important;margin-bottom:18px!important;box-shadow:inset 0 1px #ffffff19,0 14px 32px #0005!important}
.console214 .studio-banner:after{content:'♫';position:absolute;right:4%;top:-55px;font-size:230px;color:#f0c6790c;pointer-events:none;line-height:1}
.console214 .studio-banner small{color:#e6c98d!important;letter-spacing:.23em!important;font-weight:700!important}
.console214 .studio-banner h2{font-family:Georgia,serif!important;font-size:clamp(28px,4vw,49px)!important;line-height:1.12!important;color:#f8e3ae!important;text-shadow:0 2px 22px #db9f5330!important;position:relative;z-index:1}
.console214 .studio-banner h2 span{display:block!important;font:600 clamp(11px,1.2vw,15px) system-ui!important;letter-spacing:.22em!important;color:#d4d9df!important;margin-top:8px}
.console214 .studio-banner p{font-size:clamp(10px,1.1vw,13px)!important;color:#c4cbd1!important;letter-spacing:.11em!important}
.console214 .studio-light{border:1px solid #cba86b65!important;border-radius:99px!important;background:#121f26!important;color:#f3d69d!important;padding:9px 13px!important;white-space:nowrap;box-shadow:0 0 22px #e6b66715}
.console214 .studio-transport,.console214 .studio-tools{background:linear-gradient(120deg,#172332,#101924)!important;border:1px solid #bba16b38!important;border-radius:14px!important;padding:13px!important;margin:10px 0!important;gap:10px!important;min-width:0}
.console214 .studio-panel,.console214 .instrument-section130{background:linear-gradient(155deg,#172333,#0c141e 72%)!important;border:1px solid var(--prem-border)!important;border-radius:16px!important;padding:clamp(12px,2vw,23px)!important;margin:16px 0!important;box-shadow:inset 0 1px #ffffff0b,0 10px 28px #0004!important;min-width:0}
.console214 .studio-panel h3,.console214 summary{font:700 clamp(14px,1.6vw,19px) system-ui!important;color:#f2d9a0!important;letter-spacing:.035em!important;margin:0 0 14px!important}
.console214 button{border-radius:9px!important;border:1px solid #aa935e75!important;background:linear-gradient(160deg,#26394b,#172431)!important;color:#f6e4b8!important;box-shadow:inset 0 1px #ffffff16,0 3px 8px #0003!important;min-height:37px;transition:filter .15s ease,border-color .15s ease}
.console214 button:hover{filter:brightness(1.22);border-color:#e8c47d!important}
.console214 button:focus-visible{outline:3px solid #f4d78d!important;outline-offset:2px}
.console214 button.on,.console214 button[aria-pressed=true]{background:linear-gradient(145deg,#f1d18d,#a77a35)!important;color:#131a22!important;border-color:#f3d18a!important}
.console214 #ps-play,.console214 #ps-save,.console214 #ps-wav{background:linear-gradient(145deg,#f2d593,#b78b46)!important;color:#101922!important;font-weight:800!important;border-color:#ffe2a0!important}
.console214 input:not([type=range]),.console214 select,.console214 textarea{border-radius:9px!important;background:#0a121c!important;border:1px solid #8b795b88!important;color:#f5efe4!important;max-width:100%;min-width:0}
.console214 input[type=range]{accent-color:#e9c784}
.console214 .drum-pads{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(6px,1vw,13px)!important}
.console214 .drum-pads button{min-width:0!important;min-height:clamp(68px,8vw,108px)!important;background:linear-gradient(155deg,#31445a,#192839)!important;border:1px solid #a68b5770!important;border-radius:13px!important;box-shadow:inset 0 1px #ffffff23,0 5px 15px #0006!important;overflow-wrap:anywhere}
.console214 .drum-pads button:active{background:linear-gradient(145deg,#edce8c,#a67936)!important;color:#0d1822!important}
.console214 .drum-pads button small,.console214 .drum-pads button span{font-size:clamp(9px,.9vw,12px)!important}
.console214 .drum-pads button strong{font-size:clamp(10px,1.1vw,15px)!important}
.console214 .groove-console131{gap:18px!important}
.console214 .sample-browser131{background:#0b1521!important;border-radius:12px!important;padding:12px!important;border:1px solid #bca16c3a!important}
.console214 .lane131{border-bottom:1px solid #ad986142!important}
.console214 .lane-steps131 button.on{background:linear-gradient(#f6d898,#b88944)!important;box-shadow:0 0 12px #eac47d65!important}
.console214 .daw-track-screen{border-radius:10px!important;border-color:#bfa16b55!important}
.console214 .studio-note,.console214 p{line-height:1.65!important;color:#bbc5d1!important}
.console214 .studio-meter meter,.console214 meter{accent-color:#d7b56e}
.console214 .studio-scroll,.console214 #ps-lanes131{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain}
.console214 .piano-keys,.console214 .eq-board,.console214 .studio-mixer{max-width:100%;overflow-x:auto}
@media(max-width:760px){.production-studio.console214{padding:10px!important;border-radius:13px!important}.console214 .studio-banner{padding:18px!important}.console214 .studio-banner h2{font-size:28px!important}.console214 .studio-banner:after{font-size:150px;top:-15px}.console214 .studio-light{white-space:normal}.console214 .studio-panel{padding:12px!important}.console214 .drum-pads{gap:6px!important}.console214 .drum-pads button{padding:7px 4px!important;min-height:72px!important}.console214 .studio-transport,.console214 .studio-tools{padding:9px!important;gap:7px!important}.console214 .studio-transport label{max-width:100%}.console214 .groove-console131{grid-template-columns:minmax(0,1fr)!important}.console214 .sample-browser131{grid-column:1!important;grid-row:auto!important}.console214 .lane-tools131,.console214 #ps-lanes131,.console214 #ps-pads131{grid-column:1!important}.console214 .lane131{min-width:700px!important}}
@media(max-width:390px){.console214 .drum-pads button strong{font-size:10px!important}.console214 .drum-pads button span{font-size:8px!important}.console214 .studio-banner h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){.console214 button{transition:none!important}}