/* The haze is intentionally abstract: it never pretends to be an intermediate AI result. */
.image-loading{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:var(--image-ratio,1);overflow:hidden;border-radius:inherit;background:#eceef1;color:#404650;container-type:inline-size}
.image-loading-haze{position:absolute;z-index:-1;inset:-18%;filter:blur(25px);opacity:.7;background:radial-gradient(ellipse at 27% 31%,#bec7d7 0,transparent 40%),radial-gradient(ellipse at 73% 66%,#e6d0c0 0,transparent 42%),radial-gradient(ellipse at 64% 16%,#d3dedc 0,transparent 47%),#eef0f4}
.image-loading-center{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;max-width:100%;box-sizing:border-box;text-align:left;position:relative;z-index:1}
.image-loading .one-loop-loader{--one-size:64px;color:currentColor}
.image-loading-copy{font:400 14px/1.7 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;letter-spacing:.04em;overflow-wrap:anywhere;max-width:180px}
.image-loading[data-image-loading=queued] .image-loading-copy{font-size:14px;letter-spacing:.12em}
.image-loading-error{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:24px;height:24px;font:16px system-ui}
.image-loading-overlay{border-radius:inherit;animation:image-loading-appear .2s ease both}
.image-loading.is-compact .one-loop-loader{--one-size:34px}.image-loading.is-compact .image-loading-center{flex-direction:column;gap:6px;padding:8px}.image-loading.is-compact .image-loading-copy{font-size:10px;text-align:center}
[data-loading-paused=true] .one-loop-loader{animation-play-state:paused}
[data-theme=dark] .image-loading{background:#25272a;color:#e9ebf0}[data-theme=dark] .image-loading-haze{opacity:.6;background:radial-gradient(ellipse at 27% 31%,#333943 0,transparent 40%),radial-gradient(ellipse at 73% 66%,#4d3f37 0,transparent 42%),radial-gradient(ellipse at 64% 16%,#304645 0,transparent 47%),#232528}
@keyframes image-loading-appear{from{opacity:0}to{opacity:1}}
@container(max-width:270px){.image-loading-center{flex-direction:column;gap:6px;text-align:center;padding:14px}.image-loading .one-loop-loader{--one-size:52px}.image-loading-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){.image-loading-overlay{animation:none}}
.creation-result-media{aspect-ratio:var(--image-ratio,1)}.creation-result-media>.image-loading{height:100%}
.image-loading-center{width:max-content;max-width:100%;margin:auto;text-align:center;align-items:center;justify-content:center}
.image-loading-copy{flex:0 1 auto;width:auto;min-height:1.7em;display:block;text-align:center;white-space:nowrap}
.image-loading[data-image-loading=queued] .image-loading-copy{width:auto;flex:0 1 auto;min-height:0}
.image-loading .one-loop-loader[hidden]{display:none!important}
.image-loading.is-compact .image-loading-copy{flex:none;width:auto;max-width:100%;white-space:normal}
@container(max-width:270px){.image-loading-copy{flex:none;width:auto;max-width:100%;white-space:normal}}