/* A quiet catalog preview instead of a floating loading dialog. */
#loadingState.dev-shop-loading{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:26px 0 110px;text-align:left;pointer-events:none}
.dev-shop-loading-heading{display:flex;align-items:center;gap:10px;min-height:24px;margin:0 0 24px;padding:0 2px}
#loadingState .dev-shop-loading-heading p{margin:0;color:var(--text-secondary,#aeb8c8);font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.05px}
.dev-shop-loading-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--shop-accent,#bad9fa);animation:devLoaderBreathe 1.8s ease-in-out infinite}
.dev-shop-loading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;width:100%}
.dev-shop-loading-tile{position:relative;isolation:isolate;aspect-ratio:.627;min-width:0;overflow:hidden;border-radius:14px;background:linear-gradient(155deg,#bcd8f508,#bcd8f503);box-shadow:inset 0 0 0 1px #ffffff0a}
.dev-shop-loading-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#d9eaff08 48%,transparent 72%);transform:translateX(-100%);animation:devLoaderSweep 2.5s ease-in-out infinite}
.dev-shop-loading-tile:nth-child(3n+2):after{animation-delay:.15s}.dev-shop-loading-tile:nth-child(3n):after{animation-delay:.3s}
.dev-shop-loading-art{position:absolute;inset:12% 10% 25%;border-radius:50%;background:radial-gradient(ellipse,var(--shop-accent-soft,#bad9fa12),transparent 66%);opacity:.45}
.dev-shop-loading-lines{position:absolute;bottom:18px;left:16px;right:16px;display:grid;gap:12px}
.dev-shop-loading-lines span{height:10px;width:68%;border-radius:99px;background:#dceaff10}.dev-shop-loading-lines span+span{height:8px;width:34%;background:#dceaff09}
html[data-card-shape="square"] .dev-shop-loading-tile{aspect-ratio:1}
html[data-card-shape="fixed"] .dev-shop-loading-tile{aspect-ratio:auto;height:320px}
.dev-shop-loading-tile:nth-child(n+9){display:none}
@media(min-width:1400px){.dev-shop-loading-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dev-shop-loading-tile:nth-child(n){display:block}}
@media(max-width:900px){.dev-shop-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-shop-loading-tile:nth-child(n+7){display:none}}
@media(max-width:600px){#loadingState.dev-shop-loading{padding-top:20px}.dev-shop-loading-heading{margin-bottom:20px}.dev-shop-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.dev-shop-loading-tile:nth-child(n+5){display:none}.dev-shop-loading-lines{left:12px;right:12px;bottom:16px}html[data-card-shape="fixed"] .dev-shop-loading-tile{height:270px}}
@keyframes devLoaderSweep{0%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@keyframes devLoaderBreathe{0%,100%{opacity:.35}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.dev-shop-loading-dot,.dev-shop-loading-tile:after{animation:none}.dev-shop-loading-tile:after{display:none}}