.content-loading{gap:20px;width:100%}.content-loading-list{gap:12px;display:grid}.content-loading-item{border:1px solid var(--color-line);border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.content-loading-image{border-radius:12px;flex-shrink:0;width:64px;height:64px}.content-loading-copy{flex-direction:column;flex:1;gap:12px;display:flex}.content-loading-cards{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.content-loading-cards .content-loading-item{border-radius:24px;padding:8px;display:block}.content-loading-cards .content-loading-image{aspect-ratio:1.18;border-radius:18px;width:100%;height:auto}.content-loading-cards .content-loading-copy{padding:18px 12px}.content-loading-detail .content-loading-item{border:0;align-items:start;padding:0}.content-loading-detail .content-loading-image{aspect-ratio:1;width:55%;height:auto}.content-loading-detail .content-loading-copy{padding-top:24px}.canvas-loading{background-color:var(--color-surface);background-image:radial-gradient(var(--color-line) 1px, transparent 1px);background-size:24px 24px;flex:1;width:100%;height:100%;min-height:280px;position:relative}.canvas-loading-tools{border:1px solid var(--color-line);background:var(--color-surface);border-radius:22px;justify-content:space-around;gap:16px;width:min(520px,100% - 32px);padding:16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.canvas-loading[data-guided] .canvas-loading-tools{border-radius:12px;flex-direction:column;gap:6px;width:auto;padding:6px;top:50%;bottom:auto;left:12px;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.animate-pulse{animation:none}}