.container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;padding:20px;margin:0;transition:all .3s ease}.container.zoomed{background-color:#000;padding:0;align-items:flex-start;overflow:auto}.image-wrapper{position:relative;max-width:800px;width:100%;cursor:zoom-in;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.image-wrapper.zoomed{max-width:none;width:auto;cursor:zoom-out;box-shadow:none}.image{width:100%;height:auto;display:block;transition:all .3s ease}.image.zoomed{width:auto;max-width:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.magnifier-icon{position:absolute;top:20px;right:20px;width:48px;height:48px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;pointer-events:none;animation:fadeIn .2s ease-in}.magnifier-icon svg{color:#333}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loading{font-size:18px;color:#666;text-align:center}.error{font-size:16px;color:#d32f2f;text-align:center;padding:20px;background-color:#ffebee;border-radius:4px;max-width:500px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}