.projectSearchContainer{max-width:1200px;margin:0 auto;width:100%;display:flex;font-family:Pretendard,sans-serif;padding:2rem 2rem 151px}.filterSidebar{width:160px;margin-right:2rem;display:flex;flex-direction:column}.filterTitle{font-family:Pretendard;font-weight:700;font-size:14px;color:rgba(0,0,0,1);margin-bottom:.5rem}.radioGroup label{display:block;font-size:14px;color:#333}.customRadioLabel{font-family:Pretendard;font-size:14px;font-weight:400;color:rgba(0,0,0,1);display:flex!important;align-items:center!important;margin-left:0!important;margin-right:0!important}.customRadioLabel>span:last-child{padding-top:0!important;padding-bottom:0!important}.radioGroup{margin-left:6px;accent-color:#7b68ee}.projectMain{flex:1 1}.searchBar{max-width:628px;height:47px;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:999px;padding:.75rem 1.25rem;margin-bottom:46px}.searchInput{flex:1 1;border:none;outline:none;font-size:14px;color:#333;background:none!important;line-height:1.5;padding:2px 0}.searchInput:focus{outline:none}.searchBar:focus-within{border-color:#7b68ee;box-shadow:0 0 0 3px rgba(123,104,238,.1)}.searchInput::placeholder{font-family:Pretendard;font-size:17px;font-weight:400;color:rgba(163,171,178,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.searchInput:focus::placeholder{color:transparent}.searchIconBtn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.searchIconBtn:hover{transform:scale(1.1)}.searchIconBtn:active{transform:scale(.95)}.searchControls{display:flex;align-items:center;gap:12px;margin-bottom:46px;max-width:850px}.searchControls .searchBar{margin-bottom:0;flex:1 1;max-width:none}.bookmarkBtn{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#ffffff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;color:#000000;transition:all .2s ease;white-space:nowrap;height:47px}.bookmarkBtn.active,.bookmarkBtn:hover{border-color:#7b68ee}.bookmarkBtn.active{color:#7b68ee}.sortDropdown{position:relative}.sortDropdownBtn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;color:#000000;transition:all .2s ease;white-space:nowrap;height:47px}.sortDropdownBtn:hover{border-color:#7b68ee}.sortDropdownArrow{transition:transform .2s ease}.sortDropdownArrow.open{transform:rotate(180deg)}.sortDropdownMenu{position:absolute;top:calc(100% + 4px);right:0;background:#ffffff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;z-index:100;min-width:120px}.sortDropdownItem{display:block;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;color:#000000;text-align:left;transition:background-color .15s ease}.sortDropdownItem:hover{background-color:#f3f4f6}.sortDropdownItem.active{color:#7b68ee}.emptyState,.projectGrid{display:flex;flex-direction:column}.emptyState{align-items:center;justify-content:center;padding:80px 20px;width:100%}.emptyIcon{width:64px;height:64px;margin-bottom:16px;opacity:.8}.emptyText{font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;color:#9ca3af;margin:0}.projectCard2{max-width:850px!important;width:100%!important;min-height:174px;border:1px solid rgba(224,224,224,1);border-radius:10px;margin-bottom:1.25rem;display:flex;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease}.projectCard2:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.projectCard2:focus{outline:none}.projectCard2:focus-visible{outline:none}.config-music-img{width:175px;height:174px;flex-shrink:0;overflow:hidden;border-radius:10px 0 0 10px;background-color:#f5f5f5}.config-music-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cardContent{display:flex;justify-content:space-between;width:100%}.cardLeft{display:flex;flex-direction:column;gap:.5rem;padding:15px 0 15px 25px;flex:1 1}.cardLeftHeader{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding-right:15px}.cardBookmarkBtn{background:#ffffff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cardBookmarkBtn:hover{border-color:#7b68ee}.cardBookmarkBtn:active{transform:scale(.95)}.cardBookmarkBtn.active{border-color:#7b68ee}.category{font-family:Pretendard;font-weight:400;font-size:13px;color:rgba(102,102,102,1);display:flex;align-items:center;gap:20px}.left-day{display:inline-block;width:80px;border-radius:999px;font-family:Pretendard,sans-serif;font-size:14px;font-weight:700;color:#ffffff;padding:6px 0;text-align:center}.left-day-d-day{background-color:#ff7b7b}.left-day-ongoing{background-color:#9370db}.left-day-review{background-color:#ff8c42}.left-day-ended{background-color:#6b7280}.left-day-default{background-color:#9ca3af}.planBadge{display:inline-block;width:-moz-fit-content;width:fit-content;font-family:Pretendard;font-size:12px;font-weight:700;padding:7px 10px;border-radius:4px}.planBadge-value{background-color:#dcfce7;color:#065f46}.planBadge-standard{background-color:#f9f2e7;color:#ac5f18}.planBadge-high{background-color:#e3f2fd;color:#1a73e8}.planBadge-premium{background-color:#ede9fe;color:#6b21b6}.org{font-family:Pretendard;font-size:14px}.cardTitle,.org{font-weight:400;color:rgba(0,0,0,1)}.cardTitle{font-family:Arial Rounded MT Bold,Arial Rounded,Arial,sans-serif;font-size:18px}.cardSubtitle{font-family:Pretendard;font-weight:400;color:rgba(153,153,153,1);font-size:13px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:5px}.footerLeft{width:auto;flex-direction:row;gap:25px;margin-top:5px}.author-project,.footerLeft{display:flex;align-items:center}.author-project{gap:15px}.avatar{width:20px;height:20px;background-color:#ccc;border-radius:50%}.viewCount{font-family:Pretendard;font-size:14px;font-weight:400;color:rgba(102,102,102,1);display:flex;align-items:center;gap:10px}.cardRight{width:200px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;font-size:13px;padding:0 26px;gap:16px;border-left:1px solid rgba(224,224,224,1)}.metaRow{display:flex;justify-content:space-between;width:100%;gap:25px;font-weight:500}.metaRow,.metaRow strong{font-family:Pretendard;font-size:14px;color:rgba(0,0,0,1)}.metaRow strong{font-weight:700;white-space:nowrap}.metaRow strong.remainingDays-zero{color:#ff4444}.metaPeriod{font-family:Pretendard;font-size:12px;font-weight:400;color:rgba(153,153,153,1);margin-top:8px;text-align:right}.paginationWrapper{display:flex;justify-content:center;width:100%}.customPagination{display:flex;justify-content:center;margin-top:2rem}.customPagination .MuiPaginationItem-root{width:32px;height:32px;font-family:Pretendard;font-weight:700;font-size:14px;border-radius:4px;color:#2e2e2e;border:1px solid rgba(223,227,232,1)}.customPagination .Mui-selected{color:#7b68ee;border:1px solid #7b68ee}.customPagination .MuiPaginationItem-root.Mui-selected{background-color:transparent!important}.config-collab-progress{display:inline-block;width:80px;font-family:Pretendard,sans-serif;font-size:14px;font-weight:700;color:#ffffff;padding:6px 0;border-radius:999px;text-align:center}.config-collab-progress-ongoing{background-color:#22c55e}.config-collab-progress-upcoming{background-color:#ff8c42}.config-collab-progress-ended{background-color:#6b7280}.config-collab-progress-default{background-color:#9ca3af}@media (max-width:1024px){.projectSearchContainer{padding:1.75rem 1.5rem 120px}.filterSidebar{width:140px;margin-right:1.75rem}.customRadioLabel,.filterTitle{font-size:13px}.searchBar{max-width:550px;height:45px;padding:.65rem 1.15rem;margin-bottom:40px}.searchInput::placeholder{font-size:16px}.projectCard2{max-width:750px!important;height:165px;margin-bottom:1.15rem}.config-music-img img{width:165px;height:165px}.metaPeriod{font-size:11px;margin-top:7px}.cardLeft{gap:.45rem;padding:14px 0 14px 22px}.cardLeftHeader{padding-right:14px}.footerLeft{gap:22px;margin-top:27px}.category{font-size:12px;gap:18px}.left-day{font-size:11px;padding:3px 14px}.org{font-size:13px}.cardTitle{font-size:17px}.cardSubtitle{font-size:12px}.author-project{gap:13px}.avatar{width:19px;height:19px}.viewCount{font-size:13px;gap:9px}.cardRight{max-width:230px;min-width:130px;padding:0 24px;gap:14px}.metaRow{gap:22px}.metaRow,.metaRow strong{font-size:13px}.customPagination{margin-top:1.75rem}.customPagination .MuiPaginationItem-root{width:30px;height:30px;font-size:13px}.config-collab-progress{width:52px;font-size:11px}}@media (max-width:768px){.projectSearchContainer{flex-direction:column;padding:1.5rem 1.25rem 100px}.projectCard2:hover{transform:none;box-shadow:none}.projectCard2:active{transform:scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.15)}.filterSidebar{width:100%;margin-right:0;margin-bottom:1.75rem;flex-direction:row;align-items:center;gap:1.5rem;flex-wrap:wrap}.filterTitle{font-size:14px;margin-bottom:0;margin-right:.5rem}.radioGroup{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.customRadioLabel{font-size:13px}.searchBar{max-width:100%;height:44px;margin-bottom:35px;padding:.6rem 1.1rem}.searchIconBtn{padding:8px;min-width:44px;min-height:44px}.searchInput::placeholder{font-size:15px}.searchControls{flex-wrap:wrap;gap:10px;margin-bottom:35px}.searchControls .searchBar{flex:1 1 100%;order:1;margin-bottom:0}.bookmarkBtn{order:2;flex:1 1;justify-content:center;height:44px;padding:10px 14px;font-size:14px}.sortDropdown{order:3;flex:1 1}.sortDropdownBtn{width:100%;justify-content:center;height:44px;padding:10px 14px;font-size:14px}.sortDropdownMenu{left:0;right:0}.sortDropdownItem{padding:10px 14px;font-size:13px}.projectCard2{max-width:100%!important;height:160px;margin-bottom:1rem}.config-music-img img{width:140px;height:160px}.metaPeriod{font-size:11px;margin-top:6px}.cardLeft{gap:.4rem;padding:13px 0 13px 20px}.cardLeftHeader{padding-right:13px}.footerLeft{gap:20px;margin-top:25px}.category{font-size:12px;gap:16px}.left-day{font-size:11px;padding:3px 13px}.org{font-size:13px}.cardTitle{font-size:16px;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.cardSubtitle{font-size:12px}.author-project{gap:12px}.avatar{width:18px;height:18px}.viewCount{font-size:13px;gap:8px}.cardRight{max-width:210px;min-width:120px;padding:0 20px;gap:13px}.metaRow{gap:18px}.metaRow,.metaRow strong{font-size:13px}.customPagination{margin-top:1.5rem}.customPagination .MuiPaginationItem-root{width:28px;height:28px;font-size:12px}.config-collab-progress{width:50px;font-size:11px}}@media (max-width:480px){.projectSearchContainer{padding:1.25rem 1rem 80px}.filterSidebar{margin-bottom:1.5rem;gap:1.25rem}.filterTitle{font-size:13px;width:100%;margin-bottom:.5rem}.radioGroup{gap:.75rem;width:100%}.customRadioLabel{font-size:12px}.searchBar{height:42px;margin-bottom:30px;padding:.55rem 1rem}.searchInput::placeholder{font-size:14px}.bookmarkBtn,.sortDropdownBtn{padding:8px 12px;font-size:13px;height:40px}.sortDropdownItem{padding:10px 12px;font-size:12px}.projectCard2{height:auto;min-height:200px;margin-bottom:1rem}.config-music-img{width:100%;height:auto}.config-music-img img{width:100%;height:200px;object-fit:cover}.cardContent{flex-direction:column}.cardLeft{gap:.5rem;padding:16px 18px 12px}.cardLeftHeader{padding-right:0}.metaPeriod{font-size:11px;margin-top:5px;text-align:left}.footerLeft{gap:15px;margin-top:18px;flex-wrap:wrap}.category{font-size:12px;gap:15px}.left-day{font-size:11px;padding:3px 12px}.org{font-size:13px}.cardTitle{font-size:16px;line-height:1.4}.cardSubtitle,.cardTitle{word-break:break-word;overflow-wrap:break-word}.cardSubtitle{font-size:12px;white-space:normal;line-height:1.5}.author-project{gap:11px}.avatar{width:18px;height:18px}.viewCount{font-size:12px;gap:7px}.cardRight{max-width:100%;min-width:unset;width:100%;padding:14px 18px;gap:10px;border-left:none}.metaRow{gap:15px}.metaRow,.metaRow strong{font-size:13px}.customPagination{margin-top:1.25rem}.customPagination .MuiPaginationItem-root{width:26px;height:26px;font-size:11px}.config-collab-progress{width:48px;font-size:10px;padding:3px}}@media (max-width:375px){.projectSearchContainer{padding:1rem .75rem 70px}.filterSidebar{margin-bottom:1.25rem;gap:1rem}.filterTitle{font-size:12px;margin-bottom:.4rem}.radioGroup{gap:.6rem}.customRadioLabel{font-size:11px}.searchBar{height:40px;margin-bottom:25px;padding:.5rem .9rem}.searchInput::placeholder{font-size:13px}.projectCard2{min-height:180px;margin-bottom:.875rem}.config-music-img{width:100%}.config-music-img img{width:100%;height:180px}.cardLeft{gap:.45rem;padding:14px 16px 12px}.cardLeftHeader{padding-right:0}.footerLeft{gap:13px;margin-top:16px;flex-wrap:wrap}.metaPeriod{font-size:10px;margin-top:4px;text-align:left}.category{font-size:11px;gap:13px}.left-day{font-size:10px;padding:2px 11px}.org{font-size:12px}.cardTitle{font-size:15px;line-height:1.4}.cardSubtitle,.cardTitle{word-break:break-word;overflow-wrap:break-word}.cardSubtitle{font-size:11px;line-height:1.5}.author-project{gap:10px}.avatar{width:17px;height:17px}.viewCount{font-size:11px;gap:6px}.cardRight{padding:12px 16px;gap:9px}.metaRow{gap:13px}.metaRow,.metaRow strong{font-size:12px}.customPagination{margin-top:1rem}.customPagination .MuiPaginationItem-root{width:24px;height:24px;font-size:10px}.config-collab-progress{width:46px;font-size:10px}}