.manage-image-preview{aspect-ratio:4/3;background:#e6ecf6;border-radius:8px;display:grid;overflow:hidden;place-items:center;position:relative}.manage-image-preview img{aspect-ratio:auto!important;border-radius:0!important;height:100%;object-fit:contain;transition:transform .18s ease;width:100%}.rotate-actions{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-top:8px}.rotate-actions .btn{padding-inline:8px;width:100%}.rotation-badge{background:rgba(16,27,50,.88);border-radius:999px;bottom:7px;color:#fff;font-size:.69rem;font-weight:750;left:7px;padding:4px 7px;position:absolute}.image-preview{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.image-preview-item{background:#f8faff;border:1px solid var(--line);border-radius:11px;margin:0;overflow:hidden}.image-preview-item img{aspect-ratio:4/3;background:#e6ecf6;height:auto;object-fit:contain;width:100%}.image-preview-item figcaption{color:var(--muted);font-size:.76rem;padding:7px}.image-preview-item.has-error{border-color:#e4a5a5}.image-preview-item.has-error figcaption{color:var(--danger);font-weight:700}.photo-selection-status:empty{display:none}.upload-progress{background:#f5f8ff;border:1px solid #bfd2f5;border-radius:13px;padding:14px}.upload-progress-copy{align-items:center;display:flex;gap:10px}.upload-spinner{animation:upload-spin .8s linear infinite;border:3px solid #cad8f5;border-radius:50%;border-top-color:var(--blue);height:22px;width:22px}.upload-progress-track{background:#dfe8f8;border-radius:999px;height:7px;margin:11px 0 7px;overflow:hidden}.upload-progress-track span{animation:upload-progress 1.4s ease-in-out infinite;background:var(--blue);border-radius:inherit;display:block;height:100%;width:38%}.upload-progress small{color:var(--muted)}
.gallery-main{position:relative;touch-action:pan-y}.gallery-main[data-gallery] img{cursor:pointer;transition:opacity .14s ease}.gallery-main[data-gallery] img.is-changing{opacity:.55}.gallery-arrow{align-items:center;background:rgba(16,27,50,.78);border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:46px;justify-content:center;line-height:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:46px;z-index:3}.gallery-arrow:hover,.gallery-arrow:focus-visible{background:var(--blue);outline:3px solid rgba(255,255,255,.75)}.gallery-previous{left:12px}.gallery-next{right:12px}.gallery-counter{background:rgba(16,27,50,.82);border-radius:999px;bottom:12px;color:#fff;font-size:.78rem;font-weight:750;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%);z-index:3}.gallery-thumb{background:#e6ecf6;border:2px solid transparent;border-radius:10px;cursor:pointer;flex:0 0 auto;margin:0;padding:0}.gallery-thumb img{border-radius:8px;height:58px;object-fit:contain;width:76px}.gallery-thumb.is-active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(18,94,232,.14)}
@keyframes upload-spin{to{transform:rotate(360deg)}}@keyframes upload-progress{0%{transform:translateX(-110%)}50%{transform:translateX(110%)}100%{transform:translateX(280%)}}
@media(max-width:680px){.image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-arrow{height:42px;width:42px}.gallery-previous{left:8px}.gallery-next{right:8px}.gallery-counter{bottom:8px}}
@media(prefers-reduced-motion:reduce){.manage-image-preview img,.gallery-main[data-gallery] img{transition:none}.upload-spinner,.upload-progress-track span{animation:none}.upload-progress-track span{width:100%}}