/* players-skins.css Cada modelo de player usa a MESMA estrutura HTML (para preservar 100% da lógica de assets/js/main.js). As diferenças visuais entre os modelos são aplicadas aqui via classe no . */ .site-signature{ text-align:center;font-size:12px;color:#888;padding:14px;background:#0b0c0f; } .site-signature a{color:#aaa;text-decoration:none;margin:0 2px} .site-signature a:hover{color:#fff} .studio-camera{margin:0 auto;max-width:960px} .studio-camera.is-responsive{position:relative;width:100%;aspect-ratio:16/9} .studio-camera.is-responsive .camera-wrapper, .studio-camera.is-responsive iframe{width:100%;height:100%;position:absolute;inset:0;border:0} .camera-wrapper iframe{width:100%;height:100%;border:0;display:block} /* ---------- Player Moderno (padrão / layout original) ---------- */ body.skin-modern .player{ } /* ---------- Player Compacto ---------- */ body.skin-compact .player{max-width:480px;margin:0 auto 16px;border-radius:16px;overflow:hidden} body.skin-compact .main{display:none} body.skin-compact .player-right{flex-wrap:wrap;gap:6px} body.skin-compact .rk-card{display:none} body.skin-compact .btn-label{display:none} /* ---------- Player Barra Superior ---------- */ body.skin-topbar .player{position:fixed;top:0;left:0;right:0;z-index:999;border-radius:0;max-height:74px} body.skin-topbar .rk-card{display:none} /* ---------- Player Barra Inferior ---------- */ body.skin-bottombar .player{position:fixed;bottom:0;left:0;right:0;z-index:999;border-radius:0;max-height:74px} body.skin-bottombar .main{margin-bottom:74px;padding-bottom:20px} body.skin-bottombar .rk-card{display:none} /* ---------- Player Flutuante ---------- */ body.skin-floating .player{position:fixed;bottom:20px;right:20px;left:auto;max-width:340px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:999} body.skin-floating .player-wrapper{padding-left:.75rem;padding-right:.75rem} body.skin-floating .rk-card{display:none} body.skin-floating .btn-label{display:none} body.skin-floating .player-right .player-button-history, body.skin-floating .player-right .player-button-lyrics{display:none} /* ---------- Player Minimalista ---------- */ body.skin-minimal .player{max-width:400px;margin:0 auto 16px;background:transparent;box-shadow:none;border:1px solid rgba(255,255,255,.08)} body.skin-minimal .main{display:none} body.skin-minimal .btn-label{display:none} body.skin-minimal .rk-card, body.skin-minimal .player-button-history, body.skin-minimal .player-button-share, body.skin-minimal .player-button-lyrics{display:none}