.gallery-widget{margin:0;padding:0;border-bottom:1px solid var(--gray-300);background-color:var(--color-background)}.gallery-widget-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg) 0}.gallery-widget-header h3{font-size:var(--text-size-sm);font-weight:600;color:var(--gray-450);margin:0}.image-count{font-size:var(--text-size-xsm);color:var(--gray-550)}.gallery-widget-scroll-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent;padding:var(--spacing-lg)}.gallery-widget-scroll-container::-webkit-scrollbar{height:6px}.gallery-widget-scroll-container::-webkit-scrollbar-track{background:0 0}.gallery-widget-scroll-container::-webkit-scrollbar-thumb{background-color:var(--gray-400);border-radius:var(--radius-sm)}.gallery-widget-scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--gray-500)}.gallery-widget-images{display:flex;gap:var(--spacing-md);padding:2px;min-width:min-content}.gallery-widget-item{flex:0 0 auto;width:200px;height:150px;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.gallery-widget-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gallery-widget-image-container{width:100%;height:100%;position:relative;background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%,transparent 75%,#e0e0e0 75%,#e0e0e0),linear-gradient(45deg,#e0e0e0 25%,transparent 25%,transparent 75%,#e0e0e0 75%,#e0e0e0);background-size:10px 10px;background-position:0 0,5px 5px}.gallery-widget-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;z-index:2}.gallery-widget-image:hover{transform:scale(1.05)}.gallery-widget-image.fallback{object-fit:contain;padding:10px}.gallery-widget-image.base-fallback{opacity:.1;object-fit:contain;width:30%;height:30%}.gallery-image-loader{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary,#0288d1);animation:spin 1s ease-in-out infinite;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.gallery-widget-empty{text-align:center;padding:var(--spacing-md);color:var(--gray-550);font-size:var(--text-size-sm)}@media (max-width:768px){.gallery-widget-item{width:160px;height:120px}}@media (max-width:576px){.gallery-widget-item{width:140px;height:105px}.gallery-widget{padding:var(--spacing-md)}}