.media-feedback{z-index:5;text-align:center;background:var(--surface,#f3f3ee);color:var(--foreground,#233345);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;line-height:1.7;display:flex;position:absolute;inset:0}.media-feedback[hidden]{display:none!important}.media-feedback output{max-width:28em;margin:0}.media-feedback button,.media-feedback a{min-height:44px;color:var(--action,#285c92);font:inherit;text-underline-offset:4px;cursor:pointer;padding:10px 16px;text-decoration:underline}:is(.media-feedback button:focus-visible,.media-feedback a:focus-visible){outline:3px solid var(--action,#285c92);outline-offset:3px}.media-loading-layers{width:60px;height:60px;margin-bottom:4px;position:relative}.media-loading-layers span{border:1.5px solid var(--action,#285c92);width:38px;height:28px;transform:translateY(var(--layer)) rotate(-12deg);animation:1.8s ease-in-out infinite media-layer-breathe;animation-delay:var(--delay);border-radius:6px;position:absolute;top:8px;left:11px}.media-loading-layers span:first-child{--layer:18px;--delay:0s;background:#b9d9e0}.media-loading-layers span:nth-child(2){--layer:9px;--delay:.15s;background:#d5e4dd}.media-loading-layers span:nth-child(3){--layer:0px;--delay:.3s;background:#f3f3ee}@keyframes media-layer-breathe{0%,to{transform:translateY(var(--layer)) rotate(-12deg)}50%{transform:translateY(calc(var(--layer) - 6px)) rotate(-7deg)}}.media-feedback[data-state=error] .media-loading-layers span{animation:none}.media-feedback[data-state=error] output{color:var(--warning,#805000)}.media-script-retry{display:none}.media-feedback[data-state=loading] .media-script-retry{visibility:hidden;animation:0s 15s forwards media-retry-reveal;display:block}@keyframes media-retry-reveal{to{visibility:visible}}.media-no-script{padding:12px;font-size:13px}.image-workflow:has(#motion-reduce:checked) .media-loading-layers span{animation:none}@media (prefers-reduced-motion:reduce){.media-loading-layers span{animation:none}}