body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh}.header{background:#111;border-bottom:1px solid #333;padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.logo{color:#ff6b6b;font-size:2rem;font-weight:700}.nav{display:flex;gap:1rem}.cart-btn,.nav-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s}.cart-btn:hover,.nav-btn:hover{transform:translateY(-2px)}.main{margin:0 auto;max-width:1200px;padding:2rem 1rem}.genre-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.genre-btn{background:#222;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.genre-btn:hover{background:#333}.genre-btn.active{background:#ff6b6b}.beats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.beat-card{background:#111;border:1px solid #333;border-radius:8px;padding:1rem;transition:transform .2s,border-color .2s}.beat-artwork img{border-radius:6px;height:200px;object-fit:cover;width:100%}.beat-card:hover{border-color:#ff6b6b;transform:translateY(-2px)}.beat-info{margin-bottom:1rem}.beat-title{font-size:1.1rem;margin-bottom:.25rem}.beat-producer{font-size:.9rem;margin-bottom:.5rem}.beat-description{color:#ccc;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.beat-meta{color:#666;gap:1rem}.beat-controls{justify-content:space-between}.beat-controls,.play-btn{align-items:center;display:flex}.play-btn{background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:40px;justify-content:center;width:40px}.beat-price{color:#ff6b6b;font-weight:600}.add-to-cart-btn{align-items:center;background:#fff;border:2px solid #333;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.add-to-cart-btn:hover{background:#f0f0f0}.add-to-cart-btn.added{background:#28a745;border-color:#28a745;color:#000}.add-to-cart-btn.added:hover{background:#218838;border-color:#218838}.player{background:#111;border-top:1px solid #333;bottom:0;gap:1rem;justify-content:center;left:0;padding:1rem;position:fixed;right:0}.audio-waves,.player{align-items:center;display:flex}.audio-waves{gap:2px}.wave{animation:wave 1s ease-in-out infinite;background:#ff6b6b;height:15px;width:2px}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.wave:nth-child(4){animation-delay:.3s}.wave:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:8px}50%{height:20px}}.player-info{color:#ccc;font-size:.9rem}.admin-panel{margin:2rem auto;max-width:600px;padding:0 1rem}.add-beat-section{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem}.add-beat-section h2{color:#fff;margin-bottom:2rem;text-align:center}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ccc;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.admin-form input,.admin-form select,.admin-form textarea{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #444;border-radius:8px;color:#fff;padding:.75rem;resize:vertical;transition:border-color .2s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#ff6b6b;outline:none}.file-input{padding:.5rem!important}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.submit-btn:hover{box-shadow:0 8px 24px #ff6b6b4d;transform:translateY(-2px)}.stats{background:#111;border-radius:8px;padding:1.5rem}.stats h3{color:#ff6b6b;margin-bottom:1rem}.stats p{color:#ccc;margin-bottom:.5rem}.licensing-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#111;border:1px solid #333;border-radius:8px;max-width:400px;padding:2rem;width:90%}.license-options{gap:1rem;margin:1rem 0}.license-btn,.license-options{display:flex;flex-direction:column}.license-btn{background:#111;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;gap:.5rem;padding:1rem;text-align:left;transition:border-color .2s}.license-btn small{color:#ccc;font-size:.8rem}.license-btn:hover{border-color:#ff6b6b}.close-btn{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;width:100%}.dashboard{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem}.dashboard h3{color:#fff;font-size:1.5rem;margin-bottom:2rem;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.stat-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #444;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 12px 24px #0006;cursor:pointer;transform:translateY(-2px)}.stat-card.revenue{border-left:4px solid #28a745}.stat-card.plays{border-left:4px solid #007bff}.stat-card.beats{border-left:4px solid #ff6b6b}.stat-content h4{color:#ccc;font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:#fff;font-size:2rem;font-weight:700;margin:.5rem 0}.stat-change{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.stat-change.positive{background:#28a74533;color:#28a745}.stat-change.neutral{background:#6c757d33;color:#6c757d}.performance-section{margin-top:2rem}.genre-performance{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #444;border-radius:12px;padding:1.5rem}.genre-performance h4{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.genre-stats{display:flex;flex-direction:column;gap:1rem}.genre-stat{align-items:center;display:flex;gap:1rem;padding:.75rem 0}.genre-name{color:#fff;font-weight:500;min-width:80px}.genre-bar{background:#333;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.genre-fill{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:4px;height:100%;transition:width .3s ease}.genre-percent{color:#ff6b6b;font-weight:700;min-width:40px;text-align:right}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.tab.active{background:#ff6b6b}.beats-management{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem}.beats-management h2{color:#fff;margin-bottom:1.5rem}.beats-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.beat-item{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #444;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:transform .2s,box-shadow .2s}.beat-item:hover{box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.beat-item-img{border-radius:6px;height:45px;object-fit:cover;width:45px}.beat-details{flex:1 1}.beat-details h4{color:#fff;font-size:1rem;margin:0 0 .25rem}.beat-producer{color:#888;font-size:.8rem;margin:0 0 .5rem}.beat-meta{font-size:.75rem}.beat-genre{padding:.25rem .75rem}.beat-bpm{color:#007bff}.beat-key,.beat-price{color:#28a745}.beat-price{font-weight:700}.beat-item .delete-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:background .2s;width:30px}.beat-actions{display:flex;gap:.5rem}.preview-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:background .2s;width:30px}.preview-btn:hover{background:#0056b3}.beat-item .delete-btn:hover{background:#c82333}.cart-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cart-card{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;overflow:hidden;position:relative;width:500px}.cart-header{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.cart-header-right{align-items:center;display:flex;gap:1rem}.cart-header h3{color:#fff;font-size:1.3rem;margin:0}.cart-count{background:#ff6b6b;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.empty-cart{color:#888;padding:3rem 2rem;text-align:center}.empty-cart p{color:#ccc;font-size:1.1rem;margin-bottom:.5rem}.empty-cart span{font-size:.9rem}.cart-items{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1.5rem}.cart-item{align-items:center;background:#222;border:1px solid #333;border-radius:8px;display:flex;gap:1rem;padding:1rem}.cart-item-img{border-radius:6px;height:60px;object-fit:cover;width:60px}.cart-item-info{flex:1 1}.cart-item-info h4{font-size:1rem;margin:0 0 .25rem}.cart-producer{color:#888;font-size:.85rem;margin:0 0 .25rem}.cart-license{color:#ff6b6b;font-size:.8rem;font-weight:500;margin:0}.cart-item-price{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.cart-item-price span{color:#fff;font-size:1.1rem;font-weight:700}.cart-summary{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-top:1px solid #333;padding:1.5rem}.cart-total{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.cart-total span{color:#ff6b6b}.checkout-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s;width:100%}.checkout-btn:hover{transform:translateY(-2px)}.cart-close{align-items:center;background:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;width:30px}.cart-close:hover{background:#444}.browse-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:transform .2s}.browse-btn:hover{transform:translateY(-2px)}.add-more-btn{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1.5rem;transition:background .2s}.add-more-btn:hover{background:#444}.browse-btn-small{background:#ff6b6b;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:background .2s}.browse-btn-small:hover{background:#e55555}.remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;width:24px}.remove-btn:hover{background:#c82333}.detail-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;max-height:300px;overflow-y:auto}.detail-item{align-items:center;background:#222;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.detail-item span:first-child{color:#fff}.detail-item span:last-child{color:#ff6b6b;font-weight:700}.plays-item{background:#222;border-radius:8px;gap:1rem;padding:1rem}.plays-item,.plays-rank{align-items:center;display:flex}.plays-rank{background:#ff6b6b;border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.plays-img{border-radius:6px;height:40px;object-fit:cover;width:40px}.plays-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.plays-title{color:#fff;font-weight:500}.plays-producer{color:#888;font-size:.85rem}.plays-count{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.plays-count span{color:#ff6b6b;font-size:1.1rem;font-weight:700}.plays-count small{color:#666;font-size:.75rem}.sales-item{align-items:center;background:#222;border-radius:8px;display:flex;gap:1rem;padding:1rem}.sales-date{background:#007bff;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;min-width:50px;padding:.5rem;text-align:center}.sales-img{border-radius:6px;height:40px;object-fit:cover;width:40px}.sales-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.sales-title{color:#fff;font-weight:500}.sales-license{color:#888;font-size:.85rem}.sales-amount{color:#28a745;font-size:1.2rem;font-weight:700}.admin-login-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-card{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000080;padding:2rem;width:400px}.login-header{margin-bottom:2rem;text-align:center}.login-header h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.login-header p{color:#888;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;padding:1rem;transition:border-color .2s}.login-input:focus{border-color:#ff6b6b;outline:none}.login-buttons{display:flex;gap:1rem}.login-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:1rem;transition:transform .2s}.login-btn:hover{transform:translateY(-2px)}.cancel-btn{background:#333;border-radius:8px;flex:1 1;padding:1rem;transition:background .2s}.cancel-btn:hover{background:#444}@media (max-width:768px){.beats-grid{grid-template-columns:1fr}.genre-filter{justify-content:center}.header-content{padding:0 .5rem}.main{padding:1rem .5rem}}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-progress{margin-top:20px;text-align:center}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#ff6b6b;font-size:14px;font-weight:600}.beat-player{display:flex;flex:1 1;flex-direction:column;gap:8px;margin:0 12px}.music-visualizer{align-items:center;display:flex;gap:2px;height:20px;justify-content:space-between;width:100%}.bar{animation:visualizer .8s ease-in-out infinite;background:#ff6b6b;border-radius:2px;width:3px}.bar:first-child{animation-delay:0s}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.2s}.bar:nth-child(4){animation-delay:.3s}.bar:nth-child(5){animation-delay:.4s}.bar:nth-child(6){animation-delay:.5s}.bar:nth-child(7){animation-delay:.4s}.bar:nth-child(8){animation-delay:.3s}.bar:nth-child(9){animation-delay:.2s}.bar:nth-child(10){animation-delay:.1s}.bar:nth-child(11){animation-delay:0s}.bar:nth-child(12){animation-delay:.1s}.bar:nth-child(13){animation-delay:.2s}.bar:nth-child(14){animation-delay:.3s}.bar:nth-child(15){animation-delay:.4s}.bar:nth-child(16){animation-delay:.5s}.bar:nth-child(17){animation-delay:.4s}.bar:nth-child(18){animation-delay:.3s}.bar:nth-child(19){animation-delay:.2s}.bar:nth-child(20){animation-delay:.1s}@keyframes visualizer{0%,to{height:4px}50%{height:20px}}.time-progress{align-items:center;display:flex;gap:8px}.progress-track{background:#fff3;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.progress-track .progress-fill{background:#ff6b6b;border-radius:2px;height:100%;transition:width .1s linear}.time-display{color:#ff6b6b;font-size:12px;font-weight:600;min-width:35px}.cart-btn-new{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #28a745;border-radius:25px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-width:80px;padding:8px 14px;transition:all .3s ease}.cart-btn-new:hover{background:linear-gradient(135deg,#218838,#1c7430);border-color:#1e7e34;box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.cart-btn-new.added{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff}.cart-btn-new.added:hover{background:linear-gradient(135deg,#218838,#1e7e34);border-color:#1e7e34}.cart-price{color:#000;font-size:12px;font-weight:800}.cart-icon{color:#000;font-size:16px}.downloads-modal{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.downloads-card{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;overflow:hidden;width:600px}.downloads-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:2rem;text-align:center}.downloads-header h3{font-size:1.5rem;margin:0 0 .5rem}.downloads-header p{margin:0;opacity:.9}.downloads-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1.5rem}.download-item{align-items:center;background:#222;border:1px solid #333;border-radius:8px;display:flex;gap:1rem;padding:1rem}.download-img{border-radius:6px;height:60px;object-fit:cover;width:60px}.download-info{flex:1 1}.download-info h4{color:#fff;margin:0 0 .25rem}.download-info p{color:#888;font-size:.9rem;margin:0 0 .25rem}.download-license{background:#28a745;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.download-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s}.download-btn:hover{transform:translateY(-2px)}.downloads-footer{background:#222;border-top:1px solid #333;padding:1.5rem;text-align:center}.downloads-footer p{color:#888;font-size:.9rem;margin:0 0 1rem}.close-downloads-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:transform .2s}.close-downloads-btn:hover{transform:translateY(-2px)}.checkout-options{display:flex;flex-direction:column;gap:12px}.stripe-btn{background:linear-gradient(135deg,#635bff,#4f46e5)}.stripe-btn:hover{background:linear-gradient(135deg,#5a52ff,#4338ca)}.paypal-btn{background:linear-gradient(135deg,#0070ba,#003087)}.paypal-btn:hover{background:linear-gradient(135deg,#005ea6,#002c5f)}.download-buttons{display:flex;flex-direction:column;gap:10px}.beat-download{background:linear-gradient(135deg,#007bff,#0056b3)}.license-download{background:linear-gradient(135deg,#28a745,#1e7e34)}.beat-format-options{display:flex;gap:8px;margin-bottom:10px}.mp3-btn{background:linear-gradient(135deg,#007bff,#0056b3)}.wav-btn{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.wav-btn.disabled{background:#444!important;color:#888!important;cursor:not-allowed!important;opacity:.5}.beat-artwork{border-radius:6px;cursor:pointer;margin-bottom:1rem;overflow:hidden;position:relative}.beat-artwork:hover .artwork-overlay{opacity:1}.artwork-overlay{background:#0009;bottom:0;flex-direction:column;gap:1rem;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.artwork-overlay,.play-overlay{align-items:center;display:flex}.play-overlay{background:#ff6b6be6;border-radius:50%;color:#fff;font-size:1.5rem;height:60px;justify-content:center;transition:transform .2s;width:60px}.play-overlay:hover{transform:scale(1.1)}.cart-overlay{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:8px 16px;transition:transform .2s}.cart-overlay:hover{transform:scale(1.05)}.cart-overlay.added{background:linear-gradient(135deg,#28a745,#20c997)}.beat-meta{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem;margin-bottom:.5rem}.beat-bpm{background:#007bff}.beat-bpm,.beat-genre{border-radius:12px;color:#fff;font-weight:500;padding:.25rem .5rem}.beat-genre{background:#ff6b6b}.beat-key{background:#28a745;border-radius:12px;color:#fff;font-weight:500;padding:.25rem .5rem}.beat-player{background:#ff6b6b1a;border-radius:8px;margin-top:1rem;padding:1rem}.cart-btn-bottom{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:1rem;padding:10px 16px;transition:transform .2s;width:100%}.cart-btn-bottom:hover{transform:translateY(-2px)}.cart-btn-bottom.added{background:linear-gradient(135deg,#28a745,#20c997)}.artwork-overlay{justify-content:center}.promo-banner{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.75rem;text-align:center}.edit-beat-form{background:#333;border-radius:8px;padding:1rem;width:100%}.edit-form-row{display:flex;gap:1rem;margin-bottom:1rem}.edit-input{background:#222;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;padding:.5rem}.price-input{max-width:100px}.edit-textarea{background:#222;border:1px solid #444;border-radius:4px;color:#fff;margin-bottom:1rem;padding:.5rem;resize:vertical;width:100%}.edit-actions{display:flex;gap:.5rem}.save-btn{background:#28a745}.cancel-btn,.save-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.cancel-btn{background:#6c757d}.edit-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;width:30px}.beat-desc{color:#ccc;font-size:.8rem;margin:.5rem 0 0}
/*# sourceMappingURL=main.4f52a086.css.map*/