/* One feedback system for illustrations, galleries, enlargement and chat. */
.site-media{display:block;position:relative;min-width:0}
.image-frame{position:relative;isolation:isolate;container-type:inline-size}
.image-frame[data-image-state="loading"],.image-frame[data-image-state="error"]{animation:none!important;background:#edf3f4!important}
.image-frame[data-media-tone="dark"]{--media-ink:#f7f6f1;--media-muted:#b8ced8;--media-accent:#58d4ff;--media-surface:#102d3e;--media-line:#58d4ff33}
.image-frame[data-media-tone="light"]{--media-ink:#12313e;--media-muted:#486473;--media-accent:#007da5;--media-surface:#edf3f4;--media-line:#007da52b}
.image-frame[data-media-tone="dark"][data-image-state="loading"],.image-frame[data-media-tone="dark"][data-image-state="error"]{background:#102d3e!important}
.loading-state{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--media-ink,#f7f6f1);font-family:Mulish,Arial,sans-serif;line-height:1.4;text-align:left}
.image-frame>.loading-state{position:absolute;inset:0;width:auto;height:auto;display:flex;z-index:2;padding:16px;background:radial-gradient(ellipse at center,#43ccfa0b,transparent 70%),var(--media-surface,#102d3e);pointer-events:none}
.loading-state[hidden]{display:none!important}
.loading-emblem{display:block;flex:none;width:clamp(44px,9cqw,68px);height:clamp(44px,9cqw,68px);color:var(--media-accent,#58d4ff);overflow:visible}
.loading-emblem circle{stroke:currentColor;stroke-width:1.5}
.loading-halo{opacity:.2}
.loading-orbit{transform-origin:36px 36px;animation:alpha-orbit 3s linear infinite}
.loading-orbit circle:last-child{fill:currentColor;stroke:none}
.loading-star{stroke:currentColor;stroke-width:3;stroke-linecap:round}
.loading-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.loading-brand{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--media-accent,#58d4ff)}
.loading-label{font-size:14px;font-weight:700;color:var(--media-ink,#f7f6f1)}
.loading-detail{font-size:11px;line-height:1.5;color:var(--media-muted,#b8ced8);max-width:230px}
.image-frame[data-image-state="loading"]>img,.image-frame[data-image-state="error"]>img{opacity:0!important}
.image-frame[data-image-state="ready"]>img{opacity:1}
.image-frame[data-image-state="error"] .loading-orbit{animation:none;opacity:.45}
.loading-state--inline{justify-content:flex-start;gap:10px;min-height:40px}
.loading-state--inline .loading-emblem{width:34px;height:34px}
.loading-state--inline .loading-brand,.loading-state--inline .loading-detail:empty{display:none}
.loading-state--inline .loading-label{font-size:13px}
.lightbox-media{min-height:240px}
.public-guide-answer.is-pending .public-guide-answer-text::after{display:none}
@keyframes alpha-orbit{to{transform:rotate(360deg)}}
@media(max-width:420px){.image-frame>.loading-state{gap:10px;padding:12px}.loading-detail{font-size:10px}.loading-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}.image-frame>img{transition:none!important}}
