.r76-showcase{background:linear-gradient(180deg,#0b101a,#07090f 40%,#080a10)}
.r76-showcase .instrument-stage{background:radial-gradient(ellipse at 50% 65%,#132c47 0,#091421 48%,#060b11 80%);padding:30px 12px 26px}
.r76-showcase .keyboard-assembly{position:relative;width:100%;aspect-ratio:1420/618;isolation:isolate;line-height:0}
.r76-showcase .assembly-art{display:block;width:100%;height:100%;overflow:hidden}
.r76-showcase .keyboard-effects{position:absolute;inset:0;pointer-events:none;line-height:normal}
.r76-showcase .detail-art{position:relative;display:block;padding:0;height:290px}
.r76-showcase [data-assembly=detail]{position:absolute;max-width:none}
.r76-showcase .detail-controls{grid-template-columns:1fr}
.r76-showcase .detail-button{min-height:72px}
.r76-showcase .lighting-study{font-size:13px;color:#bbc6d6;margin-top:15px;border:1px solid #374354;padding:0 15px}
.r76-showcase .lighting-study summary{padding:12px 0}
.r76-showcase .lighting-study p{margin-bottom:10px}
.r76-showcase [data-lighting-controls]{padding-bottom:15px}
.r76-showcase [data-lighting-controls] button,.r76-showcase [data-lighting-controls] select{background:#10253b;color:#f5e7c8;border:1px solid #708499;padding:9px 13px;margin:4px;min-height:44px}
.r76-showcase [data-lighting-controls] button[aria-pressed=true]{border-color:#9cdeff;background:#1a3d5e}
@media(max-width:640px){.r76-showcase .instrument-stage{padding:16px 2px}.r76-showcase .detail-art{height:240px}.r76-showcase .detail-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.r76-showcase .detail-button{min-height:100px}}