.profilecomposer1{background:#f5f8fc;gap:15px;height:calc(100vh - 80px);padding:20px 40px 20px 30px;display:flex;overflow:hidden}@media (max-width:1280px){.profilecomposer1{gap:20px}}@media (max-width:1024px){.profilecomposer1{gap:20px}}.leftPanel{scrollbar-width:none;width:35%;height:100%;overflow-y:auto}.profileImage{object-fit:cover;border:4px solid #e1e2e6;border-radius:50%;width:150px;height:150px;margin-bottom:15px}.profileName{color:#222;margin:0;font-size:22px;font-weight:700}.profileDesc{color:#555;margin-top:8px;font-size:14px;line-height:1.5}.chordList{margin-top:15px;position:relative}.chordItem{cursor:pointer;border-radius:12px;align-items:center;margin-bottom:12px;padding:10px;transition:all .3s;display:flex}.chordItem.active{background:#f0f4f9}.chordItem:hover{background:#e0ebf7}.chordItem>img{object-fit:cover;border-radius:8px;width:50px;height:50px;margin-right:12px}.chordText h4{color:#222;margin:0;font-size:14px;font-weight:600}.chordText p{color:#777;margin:3px 0 0;font-size:12px}.moreOptions{color:#999;cursor:pointer;margin-left:auto;font-size:18px}.moreOptions img{width:20px;height:20px;margin:0!important}.seeMoreContainer{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000;position:absolute;bottom:2px;left:0;right:10px}.seeMore{cursor:pointer;background:#fff;border:1px solid #2e3035;border-radius:50px;margin:10px 0;padding:10px 20px;font-size:14px;transition:all .3s}.seeMore:hover{background:#f0f0f0}.rightPanel{color:#222;scrollbar-width:none;background:#fff;border:2px solid #e8f0fc;border-radius:30px;flex:0 0 65%;gap:15px;width:65%;height:100%;padding:15px;display:flex;overflow-y:auto}.musicDetails{color:#1f2937;max-width:768px;margin:0 auto;font-family:Segoe UI,sans-serif}.text-content h3{color:#000;margin:0;font-size:20px;font-weight:600}.musicSheetImage{border:1px solid #e1e2e6;border-radius:10px;margin-top:20px;position:relative}.center-rotated{z-index:10;color:#000;-webkit-user-select:none;user-select:none;font-size:8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-50deg)}.sample{object-fit:cover;border-radius:10px;width:100%;height:auto;display:block}.text-content p{color:#6b7280;margin-top:4px;font-size:14px}.collect-btn{color:#fff;cursor:pointer;background-color:#2c5b8a;border:none;border-radius:9999px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.collect-btn img{width:17px}.musiccollect{gap:100px;display:flex}.musicHeader{flex-direction:column;align-self:flex-start;gap:20px;min-width:245px;max-height:100%;font-family:Arial,sans-serif;display:flex;position:sticky;top:0}.musicThumbContainer{border-radius:12px;width:230px;height:230px;position:relative;overflow:hidden}.musicThumb{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.playOverlay{border-radius:50%;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playOverlay img{width:60px;height:auto}.optionsList{padding-left:5px}.optionsTitle{color:#2c5b8a;text-transform:uppercase;margin-bottom:10px;padding-left:10px;font-size:13px;font-weight:500}.optionsList ul{margin:0;padding:0;list-style:none}.optionsList li{border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;font-size:14px;transition:background-color .2s;display:flex}.optionsList li img{width:27px;height:27px}.optionsList li:hover{cursor:pointer;background-color:#f0f0f0}.optionsList .active{color:#2c5b8a;background-color:#e8f1fb;font-weight:500}.music-title{color:#2c2c2c;margin-bottom:10px;padding-bottom:6px;font-size:22px;font-weight:700}.music-details{color:#444;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px 20px;font-size:14px;display:grid}.label1{color:#222;font-weight:600;width:152px!important}.label{color:#222;font-weight:600;width:90px!important}.song-link{color:#1a73e8;transition:color .3s}.song-link:hover{color:#0b51b3}.musicDetails h4{letter-spacing:0;margin:0;padding-bottom:10px;font-size:18px}.musicDetails p{gap:25px;margin:6px 0;font-size:14px}.see-more{color:#1a73e8;cursor:pointer;margin-top:10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}@media (max-width:1280px){.profilecomposer1{flex-direction:column;align-items:center;padding:20px}.leftPanel,.rightPanel{width:100%;max-width:1000px}.musiccollect{flex-direction:column;gap:30px}}@media (max-width:1024px){.profilecomposer1{flex-direction:column;align-items:center;padding:20px}.leftPanel{width:100%}.rightPanel{flex-direction:row;gap:20px}.musicHeader{width:35%;min-width:220px}.musicDetails{width:65%}.musiccollect{flex-direction:column;gap:30px}}@media (max-width:768px){.profilecomposer1{flex-direction:column;padding:15px}.leftPanel{width:100%}.rightPanel{flex-direction:column;width:100%;padding:15px}.musicHeader{position:relative;top:auto}.music-info{flex-direction:column;align-items:flex-start;gap:10px}.musicDetails{width:95%}.collect-btn{justify-content:center;width:100%}.musiccollect{flex-direction:column;gap:20px}}@media (max-width:480px){.profileImage{width:150px;height:150px}.profileName{font-size:18px}.profileDesc{font-size:13px}.chordItem img{width:40px;height:40px}.options-menu img,.moreOptions img{width:20px;height:20px}.rightPanel{border-radius:15px;padding:12px}.text-content h3{font-size:16px}.text-content p{font-size:12px}.collect-btn{padding:6px 12px;font-size:13px}.music-title{font-size:18px}.music-details{grid-template-columns:1fr}}.additionalDetails{background-color:#f9f9f6;border:1px solid #e5e7eb;border-radius:15px;margin-top:20px;padding:20px;box-shadow:0 2px 6px #0000000d}.music-title{color:#222;margin-bottom:15px;font-size:16px;font-weight:600}.music-details{flex-direction:column;gap:10px;display:flex}.detail-row{align-items:flex-start;padding:4px 0;display:flex}.label{color:#444;flex:0 0 130px;font-weight:500}.value{color:#222;flex:1;font-size:14px;line-height:1.4}.profileInfo{justify-content:space-between;align-items:center;gap:8px;display:flex}.profileComposer{color:#444;margin-bottom:10px;font-size:13px;font-weight:500}.breakline{border:none;border-top:1px solid #e1e2e6;margin:15px 0}.profileInfo1{color:#2563eb;align-items:center;gap:5px;font-size:15px;font-weight:500;display:flex}@media (max-width:769px){.profileInfo{flex-direction:column;align-items:flex-start;gap:1px}}.add-btn{color:#fff;cursor:pointer;background:#28577c;border:none;border-radius:6px;padding:10px 18px;font-size:15px}.yopup-ovelay{z-index:999;position:absolute;top:45px;left:-200px}.popup-overlay1{z-index:999;position:absolute;top:22px;left:-310px}.popup-box{text-align:left;background:#fff;border:1px solid #e1e2e6;border-radius:10px;max-width:95%;padding:15px;box-shadow:0 4px 20px #00000026;width:370px!important}.popup-box>.popup-title{color:#2e3035;margin-bottom:12px;padding-left:10px;font-size:15px;font-weight:500}.popup-box>.create-collection{cursor:pointer;color:#000;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:10px;font-size:16px;font-weight:500;display:flex}.plus-box{border:1px solid #ccc;border-radius:4px;padding:7px 15px;font-size:23px}.popup>.collection-list{flex-direction:column;gap:6px;display:flex}.collection-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;transition:background .2s;display:flex}.collection-item:hover{background:#f8f8f8}.icon-box img{background:#e3eaf7;border-radius:4px;width:22px;height:22px}.icon-box{background:#e3eaf7;border-radius:8px;margin-right:10px;padding:10px}.collection-item span{color:#333;flex:1;font-size:14px}.check-icon{color:#16a34a;width:20px;height:20px;font-size:14px}.plus-icon{color:#666;width:20px;height:20px;font-size:16px}@media (max-width:480px){.popup-box{width:95%;padding:12px}.add-btn{width:100%;font-size:14px}}.popup-overlay4{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#01010166;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box4{background:#fff;border:1px solid #e1e2e6;border-radius:10px;width:100%;max-width:600px;padding:15px;box-shadow:0 4px 20px #00000026}.popup-header4 .popup-title4{color:#1a1c1f;padding:0;font-size:20px;font-weight:600}.new-collection4{padding:22px}.popup-header4{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.close-btn4{cursor:pointer;color:#5a5e67;background:0 0;border:none;font-size:31px;font-weight:lighter}.form-group4{flex-direction:column;margin-bottom:15px;display:flex}.form-group4 label{color:#2e3035;margin-bottom:5px;font-size:14px;font-weight:500}.form-group4 input,.form-group4 textarea{resize:none;border:1px solid #c3c6cd;border-radius:6px;padding:10px;font-size:14px}.form-group4 textarea{min-height:190px}.popup-footer4{justify-content:flex-end;gap:20px;display:flex}.cancel-btn4{cursor:pointer;background:#fff;border:1px solid #8f8d8d;border-radius:23px;padding:10px 20px;font-size:14px;font-weight:500}.save-btn4{color:#fff;cursor:pointer;background:#28577c;border:none;border-radius:23px;padding:10px 23px;font-size:14px;font-weight:500}@media (max-width:480px){.popup-box4{width:95%;padding:12px}.form-group4 input,.form-group4 textarea{font-size:13px}}.options-menu{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;transition:opacity .2s,transform .2s;position:absolute;top:30px;box-shadow:0 4px 10px #0000001a;left:-190px!important}.options-menu ul{color:#1f2937;margin:0;padding:10px 0;font-size:.875rem;list-style:none}.options-menu li{cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:500;transition:background .2s;display:flex}.options-menu li:hover{background:#f3f4f6}.options-menu li span{font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:480px){.options-menu{width:95%;max-width:17rem}.options-menu ul{font-size:.8rem}.options-menu li{gap:.4rem;padding:.4rem .75rem}.options-menu li span{font-size:1rem}}@media (min-width:1024px){.options-menu ul{font-size:.95rem}.options-menu li span{font-size:1.25rem}}.PopupOverlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.PopupContent{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:80vh;padding:2rem;font-family:system-ui,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.closeBtn{cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:5px;right:15px}.PopupMain{flex:1;align-items:stretch;gap:1.5rem;display:flex;overflow:hidden}.PopupImageWrapper{flex:none}.PopupImage{object-fit:cover;border-radius:10px;flex-shrink:0;width:320px;height:auto}.PopupRight{flex-direction:column;flex:1;display:flex;overflow:hidden}.PopupRightScroll{scrollbar-width:thin;flex:1;padding-right:10px;overflow-y:auto}.PopupName{margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.PopupRole{color:#555;margin-bottom:1rem;font-size:.95rem}.PopupBio{color:#333;white-space:pre-line;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.PopupFooter{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:12px;display:flex;position:sticky;bottom:0}.PopupMeta{color:#5a5e67;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.PopupMeta img{width:18px;height:auto}.PopupMusicBtn{color:#fff;cursor:pointer;border:none;border-radius:29px;margin-left:40px;font-size:16px;font-weight:400;background:#28577c!important;padding:10px 22px!important}.PopupMusicBtn:hover{background:#1e40af}@media (max-width:640px){.PopupMain{text-align:center;flex-direction:column;align-items:center}.PopupImageWrapper{flex:none}.PopupFooter{flex-direction:column;gap:.5rem}}.BrowseComposerProfile_container{background:#f5f8fc;min-height:calc(100vh - 80px);overflow-y:auto}.BrowseComposerProfile_header{background:#e8f0fc;border-radius:12px;align-items:center;gap:20px;padding:30px;display:flex}.BrowseComposerProfile_imageWrapper{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.BrowseComposerProfile_image{object-fit:cover;border-radius:50%;width:120px;height:120px}.BrowseComposerProfile_name{color:#1a1a1a;margin:0;font-size:24px;font-weight:600}.BrowseComposerProfile_expertise{color:#333;margin-top:4px;font-size:14px;font-weight:600}.BrowseComposerProfile_button{color:#1e4564;cursor:pointer;background:#fff;border:1px solid #1e4564;border-radius:10px;margin-top:10px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.BrowseComposerProfile_button:hover{background-color:#f3f4f6}.BrowseComposerProfile_about{margin-top:25px;padding-left:25px}.BrowseComposerProfile-heading{color:#111;margin-bottom:10px;font-size:18px;font-weight:600}.BrowseComposerProfile_aboutText{color:#2e3035;max-width:800px;margin-top:10px;font-size:14px;font-weight:500;line-height:1.6}.BrowseComposerProfile_toggle{color:#2f6fed;cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-weight:500;display:inline-flex}.BrowseComposerProfile_toggle span{font-size:13px}.BrowseComposerProfile_arrow{font-size:18px;transition:transform .3s}.BrowseComposerProfile_arrow.rotate{transform:rotate(180deg)}.BrowseComposerProfile_compositions{margin-top:35px;padding:10px 25px}