.banner-wrapper{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);width:100%;margin:0;display:block}.banner-image{-o-object-fit:contain;object-fit:contain;width:100%;max-width:100%;height:auto;margin:0;display:block}@media (min-width:768px){.banner-wrapper{width:100%}.banner-image{width:100%;min-width:100%}}.banner-preview-wrapper{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);justify-content:center;align-items:center;padding:12px;display:flex}.banner-preview-image{-o-object-fit:contain;object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:128px}@media (max-width:768px){.banner-wrapper{padding:12px}.banner-image{max-height:280px}.banner-preview-wrapper{padding:8px}.banner-preview-image{max-height:96px}}@media (max-width:480px){.banner-wrapper{padding:8px}.banner-image{max-height:240px}.banner-preview-image{max-height:80px}}.banner-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.banner-image:focus,.banner-preview-image:focus{outline-offset:2px;outline:2px solid #3b82f6}@media print{.banner-wrapper,.banner-preview-wrapper{box-shadow:none!important;background:#fff!important}.banner-image,.banner-preview-image{max-height:none!important;box-shadow:none!important}}@media (min-resolution:192dpi){.banner-image,.banner-preview-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.banner-wrapper,.banner-preview-wrapper{background:linear-gradient(135deg,#1f2937 0%,#111827 100%)}}
@keyframes shimmer-slide{0%{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(0%,0%)rotate(90deg)}to{transform:translate(50%,50%)rotate(180deg)}}@keyframes spin-around{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-shimmer-slide{animation:shimmer-slide var(--speed,3s) linear infinite}.animate-spin-around{animation:spin-around calc(var(--speed,3s) * 2) linear infinite}