.img-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:860px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}@media (width<=768px){.img-card{width:95%}}@media (width<=480px){.img-card{border-radius:16px;width:100%;min-width:0}}.img-card__header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px 32px;display:flex}@media (width<=480px){.img-card__header{padding:16px}}.img-card__header-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.img-card__header-icon svg{font-size:26px!important}.img-card__body{padding:32px}@media (width<=768px){.img-card__body{padding:24px}}@media (width<=480px){.img-card__body{padding:16px}}.img-card__dropzone{cursor:pointer;text-align:center;border:2px dashed #272829;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.img-card__dropzone{padding:40px 24px}}@media (width<=480px){.img-card__dropzone{padding:32px 16px}}.img-card__dropzone:hover,.img-card__dropzone:focus,.img-card__dropzone--active{background:#1b66d60a;border-color:#171717}.img-card__upload-circle{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (width<=480px){.img-card__upload-circle{width:64px;height:64px}}.img-card__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.img-card__tag{color:#171717;letter-spacing:.4px;text-transform:uppercase;background:#f1f5f9;border:1.5px solid #171717;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.img-card__selected{flex-direction:column;gap:20px;display:flex}.img-card__grid-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;display:grid}@media (width<=768px){.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media (width<=480px){.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}.img-card__thumb{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.img-card__thumb:hover{border-color:#171717;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.img-card__thumb:active{cursor:grabbing}.img-card__thumb--dragging{opacity:.5;border-color:#171717;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.img-card__thumb-img{aspect-ratio:1;background:#fff;width:100%;position:relative;overflow:hidden}.img-card__thumb-img img{object-fit:cover;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .2s;display:block}.img-card__thumb-img:hover img{transform:scale(1.04)}.img-card__badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 1px 4px #0000004d}.img-card__drag-handle{color:#fffc;filter:drop-shadow(0 1px 2px #0006);pointer-events:none;align-items:center;display:flex;position:absolute;bottom:5px;left:5px}.img-card__remove{opacity:0;top:4px;right:4px;color:#fff!important;background:#0000008c!important;width:22px!important;height:22px!important;transition:opacity .15s!important;position:absolute!important}.img-card__thumb:hover .img-card__remove{opacity:1}@media (hover:none){.img-card__remove{opacity:1}}.img-card__thumb-info{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.img-card__thumb-name{color:#000;font-weight:500;display:block;font-size:.72rem!important}.img-card__thumb-size{display:block;font-size:.68rem!important}.img-card__add-more{aspect-ratio:1;cursor:pointer;border:2px dashed #272829;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:148px;transition:border-color .2s,background .2s;display:flex}@media (width<=768px){.img-card__add-more{min-height:120px}}@media (width<=480px){.img-card__add-more{min-height:100px}}.img-card__add-more:hover,.img-card__add-more:focus{background:#f1f5f9;border-color:#171717}.img-card__convert-btn{letter-spacing:.2px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:1rem!important}@media (width<=480px){.img-card__convert-btn{font-size:.88rem!important}}.img-card__convert-btn:hover{opacity:.92;box-shadow:0 4px 14px #1b66d64d!important}.img-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}@media (width<=480px){.img-card__center{padding:24px 8px}}.img-card__success-ring{border:none;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}@media (width<=480px){.img-card__success-ring{width:72px;height:72px}}.img-card__action-row{flex-wrap:wrap;gap:16px;width:100%;display:flex}@media (width<=480px){.img-card__action-row{flex-direction:column;gap:8px}}