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}.home{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.home .hero-content{max-width:600px;padding:20px;text-align:center}.home .title{color:#4cc9f0;font-size:4rem;margin:0}.home .subtitle{font-size:1.5rem;font-weight:300;margin-bottom:20px}.home .description{color:#cbd5e0;line-height:1.6;margin-bottom:40px}.home .primary-btn{background-color:#59d48c;border:none;border-radius:50px;color:#1a1a2e;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 40px;transition:transform .15s ease,background-color .15s ease}.home .primary-btn:hover{background-color:#3bb8e0;transform:translateY(-2px)}.home .footer{bottom:20px;color:#94a3b8;font-size:.8rem;position:absolute}.instrument-page{background:linear-gradient(90deg,#f7fafc,#f7fafc);min-height:100vh;padding:80px 20px;text-align:center}.instrument-title{color:#1a1a2e;font-size:2rem;margin-bottom:30px}.instrument-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto 40px;max-width:500px}.instrument-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;font-size:1.1rem;padding:30px;transition:transform .2s ease,box-shadow .2s ease}.instrument-btn:hover{box-shadow:0 6px 10px -1px #00000026;transform:translateY(-3px)}.instrument-icon{display:block;font-size:2rem;margin-bottom:8px}.inst-back-btn{background:none;border:1px solid #cbd5e0;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .15s ease}.inst-back-btn:hover{background-color:#e2e8f0}.overlay{background-color:#f7fafc;min-height:100vh}.overlay .hero{background:linear-gradient(90deg,#181f39,#232f52);box-sizing:border-box;color:#fff;padding-left:80px;padding-right:80px;padding-top:75px;width:100%}.overlay .hero-content{align-items:center;display:flex;justify-content:space-between}.overlay .hero-text{max-width:500px}.overlay .hero-image-container{align-items:flex-end;display:flex;height:220px;justify-content:flex-end;overflow:hidden;position:relative;width:300px}.overlay .hero-image{height:auto;transform:translateY(60px);width:280px}.overlay .card{background:#fff;border-radius:0;box-sizing:border-box;padding:50px 40px;width:100%}.overlay .upload-button{background:#9e222c;border-radius:6px;color:#fff;cursor:pointer;display:block;font-weight:700;margin:0 auto 20px;padding:12px 20px;text-align:center}.overlay .track-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.overlay .track-item{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:grab;display:flex;justify-content:space-between;padding:12px}.overlay .remove-button{color:red;cursor:pointer;font-weight:700;margin-right:10px}.overlay .edit-button{background:#4cc9f0;border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:6px 12px}.overlay .edit-panel{grid-gap:10px;background:linear-gradient(90deg,#181f39,#232f52);border:1px solid #4cc9f0;border-radius:6px;display:grid;gap:10px;margin-top:8px;padding:15px}.overlay .edit-row{color:#fff;display:flex;flex-direction:column;gap:6px}.overlay .slider-row{align-items:center;display:flex;gap:10px;width:260px}.overlay .slider{width:200px}.overlay .slider-value{color:#fff}.overlay .controls{display:flex;gap:20px;justify-content:center;margin-top:25px}.overlay .play-button{background:#232f52;color:#fff}.overlay .play-button,.overlay .stop-button{border:none;border-radius:6px;cursor:pointer;padding:10px 20px}.overlay .stop-button{background:#999}.overlay .stop-button:disabled{cursor:default;opacity:.5}.overlay .download-button{background:#59d48c;border:none;border-radius:6px;color:#181f39;cursor:pointer;padding:10px 20px}.overlay .back-container{background-color:#f7fafc;display:flex;justify-content:center;padding:20px 0}.overlay .back-button{background:#fff;border:1px solid #cbd5e0;border-radius:5px;cursor:pointer;display:block;margin-left:auto;margin-right:auto;padding:10px 20px}.app{height:100%;width:100%}.app .navbar{align-items:center;background-color:#1a1a2e;box-sizing:border-box;color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 40px;position:fixed;top:0;width:100%;z-index:1000}.app .logo{cursor:pointer;font-size:1.5rem;font-weight:700}.app .nav-links{display:flex;gap:30px}.app .nav-links span{cursor:pointer;opacity:.8;transition:opacity .15s ease}.app .nav-links span:hover{opacity:1}.app .nav-links .active{border-bottom:2px solid #4cc9f0;font-weight:700;opacity:1}.app .nav-links .disabled{cursor:not-allowed;opacity:.3}
/*# sourceMappingURL=main.64d19d20.css.map*/