.image_list{flex-wrap:wrap;flex:auto;justify-content:center;gap:1.5rem;margin-top:1rem;margin-bottom:2rem;padding:0 1rem;display:flex;overflow-y:auto}#class_doc{color:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden}#main{flex:none;align-items:center;gap:24px;margin:2rem 4.5rem;display:flex}.info_wrap{flex:1;justify-content:space-between;align-items:center;display:flex}#main-img{object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0006}.dccon_text{flex-direction:column;gap:4px;display:flex}#class_doc .text_field{width:70%;padding:1rem 0}#class_doc .title_field{letter-spacing:-.02em;color:#fff;font-size:1.6rem;font-weight:800}#class_doc #description,#description{color:#9ca3af;margin-top:.5rem;font-size:.95rem;line-height:1.6;display:block}.button_group{flex-direction:column;gap:12px;display:flex}.btn_download,.btn_add,.btn_added{cursor:pointer;border-radius:99px;justify-content:center;align-items:center;width:11rem;height:3.2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn_download{color:#5865f2;background:#5865f21a;border:1px solid #5865f24d}.btn_download:hover{background:#5865f233;transform:translateY(-2px);box-shadow:0 0 15px #5865f24d}.btn_add{color:#e879f9;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #a855f74d}.btn_add:hover{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#a855f799;transform:translateY(-2px);box-shadow:0 0 20px #a855f740}.btn_added{color:#6b7280;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff1a}#progress{width:100%;margin-top:4px}#download_progress{background-color:#ffffff1a;border:none;border-radius:4px;width:100%;height:6px}#download_progress::-webkit-progress-bar{background-color:#ffffff1a;border-radius:4px}#download_progress::-webkit-progress-value{background:linear-gradient(90deg,#5865f2,#a855f7);border-radius:4px}.premium-item-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:10px}.premium-item-wrapper .dccon-wrapper{width:200px;height:200px}.dccon-real{z-index:1;color:#0000;width:100%;max-width:100%;height:100%;font-size:0;display:block;position:relative}.dccon-wrapper{flex:none;display:inline-block;position:relative;overflow:hidden}.dccon-bg{z-index:0;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.dccon-real{z-index:1;color:#0000;width:100%;max-width:100%;height:100%;font-size:0;transition:transform .3s;display:block;position:relative}.dccon_img{color:#0000;font-size:0}@media screen and (max-width:780px){.dccon_img{width:100px;height:100px}#main{gap:15px;margin:1.5rem}.info_wrap{flex-direction:column;align-items:flex-start;gap:1rem}.button_group{flex-direction:column;gap:10px;width:100%}.btn_download,.btn_add,.btn_added{width:100%;height:3rem}.text_field{width:100%;padding:0}.title_field{font-size:1.4rem}.dccon-wrapper{width:100%;height:100%}.premium-item-wrapper .dccon-wrapper{width:100px!important;height:100px!important}#class_doc #description{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;word-break:break-all!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}}@media screen and (max-width:400px){.premium-item-wrapper .dccon-wrapper{width:80px!important;height:80px!important}.image_list{gap:5px}}