@charset "UTF-8";.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;min-height:200px}.image-placeholder__shimmer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2.5s infinite;transform:rotate(30deg);pointer-events:none}.image-placeholder__pulse{width:60px;height:60px;border-radius:50%;background:#667eea33;position:absolute;animation:pulse 2s ease-out infinite;pointer-events:none}.image-placeholder__icon{width:80px;height:80px;margin-bottom:20px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.image-placeholder__icon svg{width:100%;height:100%;fill:#667eea;opacity:.6;animation:float 3s ease-in-out infinite}.image-placeholder__icon .spinner-circle{stroke:#667eea;opacity:.6;animation:spin 1.5s linear infinite;transform-origin:center}.image-placeholder__text{color:#4c51bf;font-size:18px;font-weight:600;position:relative;z-index:1;opacity:.9;text-align:center;padding:0 20px;text-shadow:0 1px 2px rgba(255,255,255,.8)}@keyframes shimmer{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.image-placeholder{min-height:150px;border-radius:12px}.image-placeholder__icon{width:60px;height:60px;margin-bottom:15px}.image-placeholder__text{font-size:16px}}@media(max-width:480px){.image-placeholder{min-height:120px;border-radius:8px}.image-placeholder__icon{width:50px;height:50px;margin-bottom:10px}.image-placeholder__text{font-size:14px}.image-placeholder__pulse{width:50px;height:50px}}.image-placeholder--compact{min-height:100px;border-radius:8px}.image-placeholder--compact .image-placeholder__icon{width:40px;height:40px;margin-bottom:8px}.image-placeholder--compact .image-placeholder__text{font-size:14px}.image-placeholder--compact .image-placeholder__pulse{width:40px;height:40px}.image-placeholder--no-animation{border-radius:0}.image-placeholder--no-animation .image-placeholder__shimmer,.image-placeholder--no-animation .image-placeholder__pulse{display:none}.image-placeholder--no-animation .image-placeholder__icon svg{animation:none}@media(prefers-color-scheme:dark){.image-placeholder{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.image-placeholder__shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}.image-placeholder__pulse{background:#667eea4d}.image-placeholder__icon svg{fill:#a3bffa;opacity:.8}.image-placeholder__text{color:#a3bffa;opacity:.9}}