.observer-container[data-v-2c423c72]{align-items:center;background-color:#f0f2f5;border-radius:8px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:background-color .3s;width:100%}.state-indicator[data-v-2c423c72]{color:#666;font-family:sans-serif;font-size:.9rem;text-align:center}.error-state[data-v-2c423c72]{color:#d32f2f}.error-state button[data-v-2c423c72]{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-top:10px;padding:6px 12px;transition:background-color .2s}.error-state button[data-v-2c423c72]:hover{background-color:#f5f5f5}.spinner[data-v-2c423c72]{animation:spin-2c423c72 1s ease infinite;border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;height:36px;margin:0 auto 10px;width:36px}@keyframes spin-2c423c72{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.image-content[data-v-2c423c72]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.image-content.loaded[data-v-2c423c72]{opacity:1}