.media-preview{position:relative;isolation:isolate;overflow:hidden}.media-preview .upload-local-preview{width:100%;height:100%;object-fit:cover;display:block}
.asset-upload-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.25);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background .35s,backdrop-filter .35s}
.asset-upload-meter{position:relative;display:grid;place-items:center;width:78px;height:78px;color:#fff;background:rgba(8,9,14,.72);border-radius:50%;box-shadow:0 4px 24px #0003}
.asset-upload-meter svg{position:absolute;inset:7px;width:64px;height:64px;transform:rotate(-90deg);fill:none;stroke-width:2.5}
.upload-ring-track{stroke:#ffffff26}.upload-ring-value{stroke:#fff;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--upload-progress,0));stroke-linecap:round;transition:stroke-dashoffset .22s ease}
.upload-percent{font-size:15px;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.asset-uploading .upload-local-preview{filter:brightness(.8);transition:filter .3s}.asset-uploading .asset-upload-meter{animation:asset-upload-breathe 2.4s ease-in-out infinite}
.asset-upload-complete .asset-upload-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;place-items:end;padding:12px;pointer-events:none}
.asset-upload-complete .asset-upload-meter{width:54px;height:54px;background:#090b12ce;animation:none}.asset-upload-complete .asset-upload-meter svg{inset:5px;width:44px;height:44px}.asset-upload-complete .upload-percent{font-size:11px}
.media-card .upload-status{min-height:2.6em;line-height:1.5;font-variant-numeric:tabular-nums}
@keyframes asset-upload-breathe{50%{box-shadow:0 0 0 7px #ffffff08,0 4px 24px #0003}}
@media(prefers-reduced-motion:reduce){.asset-upload-meter,.asset-upload-overlay,.upload-ring-value,.upload-local-preview{animation:none!important;transition:none!important}}