.hero{grid-template-columns:1fr 1.05fr;gap:48px}.hero-video{aspect-ratio:4/3;background:#202020;border:1px solid #393939;border-radius:8px;overflow:hidden;display:grid;place-items:center}.hero-video video{display:block;width:100%;height:100%;object-fit:contain}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:24px;color:#888;font-size:14px}.video-placeholder img{width:124px;height:128px;object-fit:contain}.audio-player{background:#202020;border:1px solid #414141;border-radius:8px;padding:24px}.audio-screen{position:relative;background:#191919;border:1px solid #333;border-radius:4px;overflow:hidden}.audio-screen canvas{display:block;width:100%;height:150px;aspect-ratio:auto}.audio-screen button{position:absolute;right:12px;top:10px;background:#252525;border:1px solid #484848;border-radius:4px;color:#bbb;padding:5px 10px;font-size:12px;cursor:pointer}.beats{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;margin:10px 0 22px}.beats span{height:4px;border-radius:1px;background:#414141}.beats .active{background:#eee}.player-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.player-controls .volume-row{margin:0}.player-controls #audioStatus{color:#aaa;font-size:13px}.audio-player form{max-width:620px;margin-top:22px}.audio-player form label{margin:0 0 8px;font-size:14px}.banner-panel{margin-top:24px;border:1px solid #414141;border-radius:6px;overflow:hidden;background:#202020}.banner-panel canvas{display:block;width:100%;height:auto;aspect-ratio:9.5;max-height:none}.visual-footer{justify-content:center;margin:18px 0 0}.visual-footer .button{background:#303030;border:1px solid #555;border-radius:6px;padding:10px 18px;text-decoration:none;font-size:14px;font-weight:600}.visual-footer .button:hover{background:#3b3b3b}.hero .release{display:none}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:32px}.hero-video{width:100%;aspect-ratio:16/9}.video-placeholder{gap:10px}.video-placeholder img{width:80px;height:84px}.audio-player{padding:16px}.player-controls{gap:16px}.audio-screen canvas{height:130px}.banner-panel canvas{min-height:80px;object-fit:fill}}@media(prefers-reduced-motion:reduce){#motionButton{display:inline-flex}}
.player-section{padding-block:44px 60px;border-bottom:1px solid #363636}.compact-controls{margin-top:24px;gap:16px}.compact-controls .volume-row{margin:0}.fingerprint-panel .visual-footer{margin-top:18px}.audio-screen canvas{object-fit:fill}.demo{padding-bottom:44px}.banner-panel canvas{min-height:0}
.demo{padding-bottom:0;border-bottom:0}.player-section{padding-top:12px;padding-bottom:24px}.banner-panel{margin-top:12px}.details{padding-block:28px}.hero{padding-bottom:32px}.wave-options{display:flex;gap:4px;flex-wrap:wrap}.wave-options button{padding:8px 10px;border:1px solid #464646;border-radius:5px;background:#262626;color:#bcbcbc;font-size:13px;cursor:pointer}.wave-options button:hover{border-color:#888}.wave-options button[aria-pressed=true]{background:#484848;border-color:#bcbcbc;color:#fff}.audio-player .player-controls{gap:16px}.audio-player .volume-row{gap:8px}.audio-player .volume-row input{width:90px}.audio-player #audioStatus:empty{display:none}.audio-player #audioStatus{flex-basis:100%}.beats{margin-bottom:14px}@media(max-width:700px){.details{padding-block:24px}.player-section{padding-top:12px}.hero{padding-bottom:28px}}