.async-status{--async-accent:var(--color-accent);box-sizing:border-box;min-height:100px;color:var(--color-text);background:color-mix(in srgb,var(--color-header-button) 42%,var(--color-panel));border-radius:8px;align-items:center;gap:14px;padding:18px 16px;display:flex;overflow:hidden}.async-status.is-compact{background:0 0;gap:10px;min-height:48px;padding:8px 0}.async-status.is-inactive{visibility:hidden}.async-status.is-overlay{z-index:2;background:color-mix(in srgb,var(--color-panel) 90%,transparent);border-radius:inherit;min-height:0;position:absolute;inset:0}.async-status.is-overlay.is-compact{padding:12px}.image-work-overlay{isolation:isolate;min-height:100px;position:relative}.image-work-overlay>.async-status.is-overlay{z-index:10;pointer-events:auto}.slideshow-audio-loading{z-index:8;pointer-events:none;position:absolute;inset:0}.slideshow-audio-loading .async-status{justify-content:center;gap:18px;padding:24px}.slideshow-audio-loading .async-status-copy{flex:0 240px;max-width:65%}.async-status-orbit{box-sizing:border-box;border:2px solid color-mix(in srgb,var(--async-accent) 20%,transparent);border-top-color:var(--async-accent);border-right-color:var(--async-accent);border-radius:50%;flex:0 0 28px;width:28px;height:28px;animation:1.2s linear infinite async-status-turn}.is-compact .async-status-orbit{flex-basis:20px;width:20px;height:20px}.async-status-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.async-status-copy strong{color:var(--color-text);font-size:14px;font-weight:600}.async-status-copy small{color:var(--color-text);opacity:.75;font-size:12px;line-height:1.5}.async-status-track{background:color-mix(in srgb,var(--async-accent) 16%,transparent);border-radius:3px;height:3px;margin-top:5px;display:block;position:relative;overflow:hidden}.async-status-track>span{border-radius:inherit;background:linear-gradient(90deg,transparent,var(--async-accent),transparent);width:35%;height:100%;animation:2.4s ease-in-out infinite async-status-sweep;display:block}@keyframes async-status-turn{to{transform:rotate(360deg)}}@keyframes async-status-sweep{0%{transform:translate(-100%)}to{transform:translate(390%)}}@media (prefers-reduced-motion:reduce){.async-status-orbit,.async-status-track>span{animation:none}.async-status-track>span{transform:translate(90%)}}.async-popover{box-sizing:border-box;border:1px solid var(--color-header-border);width:min(380px,100vw - 32px);color:var(--color-text);background:var(--color-panel);box-shadow:0 8px 32px color-mix(in srgb, var(--color-shadow) 40.0%, transparent);border-radius:12px;margin:0;padding:30px 8px 8px;position:fixed;inset:auto 20px 20px auto}.async-popover::backdrop{pointer-events:none;background:0 0}.async-popover .async-popover-close{width:28px;height:28px;min-height:0;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:3px;right:5px}.async-popover .async-popover-close:hover,.async-popover .async-popover-close:focus-visible{background:var(--color-header-button-hover);outline:1px solid var(--color-header-border)}.async-popover>p{overflow-wrap:anywhere;margin:0;padding:8px}