.app-main{display:grid;grid-template-rows:1fr auto;border-top-width:1px;transition:.3s ease box-shadow}.app-main--is-drag-active{box-shadow:inset 0 0 0 5px rgba(var(--bs-primary-rgb),.8)}.app-main__list{scrollbar-width:thin}.app-main__list-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"image info info" "actions actions actions";align-items:center}.app-main__image-container{grid-area:image;width:100px;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-main__list-item-extension.ext-JPEG,.app-main__list-item-extension.ext-JPG{background:#f59e0b;color:#4a3003}.app-main__list-item-extension.ext-WEBP{background:#2dd4bf;color:#0d413b}.app-main__list-item-extension.ext-PNG{background:#3b82f6;color:#063179}.app-main__list-info{grid-area:info;min-width:0}.app-main__list-actions{grid-area:actions}.app-main__order-btn:before{display:none;position:absolute;content:"";top:0;right:0;width:6px;height:6px;border-radius:50%;background:var(--bs-primary);box-shadow:0 0 0 2px var(--bs-body-bg);transform:translate(50%,-50%)}.app-main__order-btn.order-active:before{display:block}.app-sidebar{display:grid;grid-template-rows:1fr auto auto}.app-sidebar__nav-modes{--bs-nav-link-padding-x:.5rem;--bs-nav-link-padding-y:.15rem;--bs-nav-pills-link-active-bg:var(--bs-primary);border-radius:var(--bs-border-radius);background:rgba(var(--bs-primary-rgb),.1);box-shadow:0 0 10px rgba(var(--bs-primary-rgb),.1) inset}.app-sidebar__section:nth-child(1){scrollbar-width:thin;overflow-y:auto}.app-sidebar .form-control-color{height:calc(1.5em + .5rem + var(--bs-border-width) * 2)}.icon-rotate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M440-80q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T80-440q0-150 105-255t255-105h6l-62-62 56-58 160 160-160 160-56-58 62-62h-6q-117 0-198.5 81.5T160-440q0 117 81.5 198.5T440-160q35 0 69-8.5t65-25.5l58 58q-43 28-92 42T440-80Zm240-120L440-440l240-240 240 240-240 240Zm0-114 126-126-126-126-126 126 126 126Zm0-126Z'/%3e%3c/svg%3e")}.icon-rotate-left{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M520-80q-51 0-100-14t-92-42l58-58q31 17 65 25.5t69 8.5q117 0 198.5-81.5T800-440q0-117-81.5-198.5T520-720h-6l62 62-56 58-160-160 160-160 56 58-62 62h6q150 0 255 105t105 255q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T520-80ZM280-200 40-440l240-240 240 240-240 240Zm0-114 126-126-126-126-126 126 126 126Zm0-126Z'/%3e%3c/svg%3e")}.icon-flip{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M360-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h160v80H200v560h160v80Zm80 80v-880h80v880h-80Zm160-80v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80q0 33-23.5 56.5T760-120Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80q33 0 56.5 23.5T840-760h-80Z'/%3e%3c/svg%3e")}.icon-flip-horizontal{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M280-280 80-480l200-200 56 56-103 104h494L624-624l56-56 200 200-200 200-56-56 103-104H233l103 104-56 56Z'/%3e%3c/svg%3e")}.icon-flip-vertical{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M480-120 320-280l56-56 64 63v-414l-64 63-56-56 160-160 160 160-56 57-64-64v414l64-63 56 56-160 160Z'/%3e%3c/svg%3e")}.icon-crop{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M680-40v-160H280q-33 0-56.5-23.5T200-280v-400H40v-80h160v-160h80v640h640v80H760v160h-80Zm0-320v-320H360v-80h320q33 0 56.5 23.5T760-680v320h-80Z'/%3e%3c/svg%3e")}.icon-add-image{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222'%3e%3cpath d='M480-480ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h320v80H200v560h560v-320h80v320q0 33-23.5 56.5T760-120H200Zm40-160h480L570-480 450-320l-90-120-120 160Zm440-320v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3e%3c/svg%3e")}.app-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;padding-top:5rem}.app-dropzone__features{position:absolute;left:0;right:0;bottom:0;padding:.5rem;display:flex;gap:.5rem;flex-direction:column}.app-dropzone__features-item{background:rgba(var(--bs-primary-rgb),.1);padding:.5rem;border-radius:.5rem;flex:1}.app-dropzone__features-title{font-size:.9rem}.app-dropzone__features-text{font-size:.8rem;margin:0}.app-download__item-row{align-items:center}.app-download__item{display:grid;gap:.5rem;grid-template-columns:80px 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"preview filename" "preview original-size" "preview target-size" "download download";align-items:center;margin-bottom:1.5rem}.app-download__preview{grid-area:preview}.app-download__preview-img-wrapper{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-download__filename{grid-area:filename}.app-download__original-size{grid-area:original-size}.app-download__target-size{grid-area:target-size}.app-download__download{grid-area:download;text-align:right}#modal .modal-body:has(.app-edit-image){padding:0}.app-edit-image{display:grid;height:80vh;grid-template-areas:"image" "sidebar";grid-template-rows:1fr auto}.app-edit-image__image-container{grid-area:image;display:flex;justify-content:center;align-items:center}.app-edit-image__image{max-width:100%;max-height:calc(var(--modal-body-height) - 2rem);display:block}.app-edit-image__sidebar{grid-area:sidebar;display:grid;grid-template-rows:auto}.app-main,.app-sidebar{height:50vh;min-height:500px}.table-download tr{vertical-align:middle}@media (min-width:576px){.app-dropzone{justify-content:center;padding:0}.app-dropzone__features{flex-direction:row;padding:.75rem;gap:.75rem}.app-dropzone__features-item{padding:.75rem}}@media (min-width:992px){.app-main__list-item{grid-template-areas:"image info actions" "image info actions"}.app-main__image-container{width:130px;height:130px}.app-sidebar{border-top-width:1px}.app-download__item{grid-template-columns:70px 1fr 18% 18% 18%;grid-template-rows:unset;grid-template-areas:"preview filename original-size target-size download";margin-bottom:1rem}}@media (min-width:1200px){.app-download__item{gap:1rem;grid-template-columns:80px 1fr 15% 15% 15%}.app-edit-image{grid-template-columns:70% 30%;grid-template-areas:"image sidebar"}.app-edit-image__sidebar{grid-template-rows:auto 1fr auto}}