.image_list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;margin-bottom:2rem;flex:1 1 auto;overflow-y:auto;padding:0 1rem}#class_doc{display:flex;flex-direction:column;height:100vh;overflow:hidden;color:white}#main{gap:24px;margin:2rem 4.5rem;flex:0 0 auto}#main,.info_wrap{display:flex;align-items:center}.info_wrap{justify-content:space-between;flex:1 1}#main-img{object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.dccon_text{display:flex;flex-direction:column;gap:4px}#class_doc .text_field{padding:1rem 0;width:70%}#class_doc .title_field{font-weight:800;font-size:1.6rem;letter-spacing:-.02em;color:#ffffff}#class_doc #description,#description{font-size:.95rem;color:#9ca3af;line-height:1.6;margin-top:.5rem;display:block}.button_group{display:flex;flex-direction:column;gap:12px}.btn_add,.btn_added,.btn_download{border-radius:99px;width:11rem;height:3.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.btn_download{background:rgba(88,101,242,.1);color:#5865f2;border:1px solid rgba(88,101,242,.3)}.btn_download:hover{background:rgba(88,101,242,.2);box-shadow:0 0 15px rgba(88,101,242,.3);transform:translateY(-2px)}.btn_add{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));color:#e879f9;border:1px solid rgba(168,85,247,.3)}.btn_add:hover{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(168,85,247,.2));box-shadow:0 0 20px rgba(168,85,247,.25);border-color:rgba(168,85,247,.6);transform:translateY(-2px)}.btn_added{background:rgba(255,255,255,.05);color:#6b7280;border:1px solid rgba(255,255,255,.1);cursor:not-allowed}#progress{width:100%;margin-top:4px}#download_progress{width:100%;height:6px;border-radius:4px;background-color:rgba(255,255,255,.1);border:none}#download_progress::-webkit-progress-bar{background-color:rgba(255,255,255,.1);border-radius:4px}#download_progress::-webkit-progress-value{background:linear-gradient(90deg,#5865f2,#a855f7);border-radius:4px}.premium-item-wrapper{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px}.premium-item-wrapper .dccon-wrapper{width:200px;height:200px}.dccon-wrapper{position:relative;display:inline-block;flex:none;overflow:hidden}.dccon-bg{position:absolute;inset:0;background:rgba(255,255,255,.05);transition:opacity .3s ease;z-index:0;border-radius:12px}.dccon-real{position:relative;z-index:1;display:block;max-width:100%;width:100%;height:100%;transition:transform .3s ease}.dccon-real,.dccon_img{font-size:0;color:transparent}@media screen and (max-width:780px){.dccon_img{height:100px;width:100px}#main{margin:1.5rem;gap:15px}.info_wrap{flex-direction:column;align-items:flex-start;gap:1rem}.button_group{flex-direction:column;width:100%;gap:10px}.btn_add,.btn_added,.btn_download{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{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:break-all!important}}@media screen and (max-width:400px){.premium-item-wrapper .dccon-wrapper{width:80px!important;height:80px!important}.image_list{gap:5px}}