.demoMediaLinks{display:flex;gap:6px;flex-wrap:wrap}.demoMediaLinks button{border:1px solid #ddd6fe!important;background:#f5f3ff!important;color:#6d28d9!important;border-radius:12px!important;padding:7px 10px!important;font-weight:800!important}.mediaDemoCard,.audioDemoShell{padding:18px}.mediaDemoHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mediaDemoHead h1{margin:0;font-size:28px}.mediaDemoHead p{margin:5px 0 0;color:#6f6b7c;font-size:12px}.mediaDemoHead button{border:0;border-radius:13px;background:#f3e8ff;color:#6d28d9;padding:10px 13px;font-weight:800}.videoDemoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.videoDemoTile{position:relative;aspect-ratio:16/10;border:0;border-radius:18px;overflow:hidden;color:#fff;text-align:left;background:linear-gradient(145deg,#1e1b4b,#6d28d9 60%,#db2777);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}.videoDemoTile:nth-child(2){background:linear-gradient(145deg,#0f766e,#2563eb)}.videoDemoTile:nth-child(3){background:linear-gradient(145deg,#7c2d12,#be123c)}.videoDemoTile:nth-child(4){background:linear-gradient(145deg,#365314,#047857)}.videoDemoTile .play{position:absolute;inset:0;display:grid;place-items:center;font-size:34px}.videoDemoTile b{position:relative;z-index:2}.videoDemoTile small{position:relative;z-index:2;opacity:.8}.audioDemoIntro{text-align:center}.audioDemoIntro>span{font-size:9px;letter-spacing:.2em;font-weight:900;color:#9f7aea}.audioDemoIntro h1{margin:5px 0;font-size:30px}.audioDemoIntro p{margin:0;color:#6f6b7c;font-size:12px}.audioDemoStage{margin-top:16px;display:grid;grid-template-columns:1fr;gap:14px}.demoTurntable{grid-column:1;position:relative;min-height:420px;border-radius:30px;background:linear-gradient(145deg,#b48961,#6d4b38);box-shadow:0 22px 48px #0004;overflow:hidden}.demoPlatter{position:absolute;left:7%;top:11%;width:64%;aspect-ratio:1;border-radius:50%;background:#18131c;box-shadow:inset 0 0 0 7px #2a222d;display:grid;place-items:center}.demoVinyl{width:89%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#080709 0 4px,#151117 5px 8px);display:grid;place-items:center;animation:demoSpin 4s linear infinite;animation-play-state:paused}.demoVinyl.playing{animation-play-state:running}.demoVinyl:before{content:"";position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899)}.demoVinyl i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;z-index:2}.demoVinyl b{position:relative;z-index:3;color:#fff;font-size:24px}.demoArm{position:absolute;right:8%;top:12%;width:18%;aspect-ratio:1;border-radius:50%;background:#342836;box-shadow:inset 0 0 0 7px #1c171e}.demoNeedle{position:absolute;right:16%;top:20%;width:7px;height:50%;background:linear-gradient(#e4d8e8,#6f5b75);border-radius:9px;transform:rotate(25deg);transform-origin:top center;transition:.3s}.demoTurntable.playing .demoNeedle{transform:rotate(12deg)}.demoTurntableBrand{position:absolute;right:8%;bottom:8%;font-size:9px;letter-spacing:.18em;font-weight:900;color:#302021}.demoTurntable>small{position:absolute;left:8%;bottom:8%;font-size:8px;font-weight:900;color:#3c2827}.demoTurntable.dropTarget{box-shadow:0 0 0 4px #ec489966,0 22px 48px #0005}.demoAudioPlayer{grid-column:1;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;background:#17111f;color:#fff;border-radius:18px;padding:10px}.demoAudioPlayer button{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff14;color:#fff}.demoAudioPlayer button:first-child{width:46px;height:46px;background:linear-gradient(135deg,#7c3aed,#ec4899)}.demoAudioPlayer b,.demoAudioPlayer span{display:block}.demoAudioPlayer b{font-size:11px}.demoAudioPlayer span{font-size:8px;color:#c8bad0}.demoAudioProgress{height:3px;margin-top:7px;border-radius:99px;background:#ffffff20;overflow:hidden}.demoAudioProgress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.demoVinylShelf{grid-column:1;grid-row:auto;border:1px solid #eeeaf4;border-radius:24px;background:#faf8ff;padding:14px}.demoVinylShelfTitle{text-align:center;font-size:9px;letter-spacing:.17em;font-weight:900;color:#7c3aed}.demoVinylGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.demoVinylCard{border:1px solid #e9e3f2;background:#fff;border-radius:18px;padding:11px;text-align:left;cursor:grab;touch-action:none}.demoVinylCard.active{border-color:#c4b5fd;background:#faf5ff}.demoMiniVinyl{width:72px;aspect-ratio:1;border-radius:50%;margin:0 auto 8px;background:repeating-radial-gradient(circle,#09070b 0 3px,#17131b 4px 6px);display:grid;place-items:center}.demoMiniVinyl:before{content:"";width:36%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899)}.demoVinylCard b,.demoVinylCard small{display:block}.demoVinylCard b{font-size:10px}.demoVinylCard small{font-size:8px;color:#6f6b7c;margin-top:2px}.demoVinylGhost{position:fixed;z-index:999;width:84px;height:84px;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle,#09070b 0 3px,#17131b 4px 6px);box-shadow:0 15px 30px #0006;transform:translate(-50%,-50%)}@keyframes demoSpin{to{transform:rotate(360deg)}}@media(max-width:800px){.videoDemoGrid{grid-template-columns:1fr 1fr}.audioDemoStage{grid-template-columns:1fr}.demoTurntable{grid-column:1;min-height:330px}.demoAudioPlayer{grid-column:1}.demoVinylShelf{grid-column:1;grid-row:auto}.demoVinylGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.videoDemoGrid{gap:5px}.mediaDemoCard,.audioDemoShell{padding:11px}.demoVinylGrid{grid-template-columns:1fr 1fr}.demoTurntable{min-height:300px}.demoAudioPlayer{grid-template-columns:auto 1fr auto}.demoAudioPlayer button:last-child{display:none}}