.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-template{margin-bottom:20px}.skeleton-template .template-thumbnail-container{aspect-ratio:4 / 5}.skeleton-thumbnail{height:100%;width:100%}.skeleton-title{height:20px;width:70%;margin-bottom:10px}.skeleton-description{height:16px;width:90%;margin-bottom:10px}.skeleton-badge{height:24px;width:60px;display:inline-block;margin-right:5px;border-radius:12px}.loading-indicator{text-align:center;padding:20px;display:none}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.end-results{text-align:center;padding:5rem 0 0;color:#666;font-style:italic;display:none}.error-message{text-align:center;padding:40px 40px 10rem;color:#000;margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:24px;position:absolute;top:0;left:0;right:0}.error-message button{padding:12px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;transition:all .3s ease-in-out}.error-message button:hover{transform:translateY(-2px) scale(1.02)}.error-message button:active{transform:translateY(0) scale(.98)}.error-message svg{width:64px;height:64px;color:#000}.error-message div{display:flex;flex-direction:column;align-items:center;gap:6px}.error-message div h3{font-weight:600;font-size:1.5rem;line-height:1.2;letter-spacing:-1px}.error-message div p{letter-spacing:1px;font-weight:400;color:var(--text-primary);font-size:.82rem}