.upload-wave-host{--wave-blue:#1767e8;--wave-ink:#14345b;--wave-muted:#4e6785;--cubit-flip-fade-ready:1;width:100%;min-width:0;grid-column:1/-1;color:var(--wave-ink);font-family:inherit;box-sizing:border-box}
.upload-wave-host[hidden]{display:none!important}
.upload-wave-host *{box-sizing:border-box}
.upload-wave-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #d8e6f8;border-radius:20px;background:#f5f9ff;box-shadow:0 8px 30px #123d7210;text-align:left}
.upload-wave-preview{position:relative;isolation:isolate;width:112px;aspect-ratio:4/5;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#dfeeff,#f4f9ff);box-shadow:inset 0 0 0 1px #173b7012}
.upload-wave-image{display:block;width:100%;height:100%;object-fit:cover}
.upload-wave-image[hidden],.upload-wave-fallback[hidden]{display:none}
.upload-wave-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#3b72ad}
.upload-wave-fallback svg{width:48px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.upload-wave-fill{position:absolute;z-index:3;inset:auto auto 0 0;width:var(--upload-fill,0%);height:6px;background:linear-gradient(90deg,#1767e8,#5fa7ff);transition:width .22s linear;pointer-events:none}
.upload-wave-fill:before,.upload-wave-fill:after,.upload-wave-crest{display:none}
.upload-wave-card.is-indeterminate .upload-wave-fill{visibility:hidden}
.upload-wave-preview[data-empty="true"] .upload-wave-fill{visibility:hidden}
.upload-wave-body{min-width:0}
.upload-wave-eyebrow{display:block;color:#3971af;font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.11em}
.upload-wave-host .upload-wave-title{margin:4px 0 3px;color:var(--wave-ink);font-family:inherit;font-size:17px;line-height:1.22;letter-spacing:-.02em;font-weight:700}
.upload-wave-name{margin:0;color:var(--wave-muted);font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-wave-meter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0;padding:8px;z-index:2;text-align:center;pointer-events:none;background:radial-gradient(ellipse,#ffffff52,transparent 76%)}
.upload-wave-value{display:block;max-width:100%;padding:6px 9px;border-radius:12px;background:#ffffffeb;box-shadow:0 3px 20px #173c5820;color:var(--wave-blue);font-size:26px;line-height:1.05;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.upload-wave-meter-label{position:absolute;top:calc(50% + 26px);padding:3px 7px;border-radius:6px;background:#ffffffdc;color:#37577c;font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.02em}
.upload-wave-bytes{color:var(--wave-muted);font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;margin:10px 0 7px}
.upload-wave-message{margin:0;color:var(--wave-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#uploadWaveHost .upload-wave-body p{margin:0;color:var(--wave-muted);font-size:12px;line-height:1.45}
.upload-wave-host .upload-wave-body .upload-wave-bytes{margin:10px 0 7px;font-size:11px}
.upload-wave-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* VengeanceUI Flip Fade Text, MIT. Native glyph overlay preserves exact text
   layout and byte progress; only real changed status strings animate. */
.upload-flip-active{position:relative}
.upload-flip-active>.upload-flip-text{opacity:0}
.upload-flip-layer{position:absolute;inset:0;overflow:clip;pointer-events:none;user-select:none;perspective:1000px;font:inherit;color:inherit}
.upload-flip-letter{position:absolute;display:block;white-space:pre;transform-style:preserve-3d;transform-origin:center;font:inherit;color:inherit}
.upload-flip-letter::before{content:attr(data-letter)}
.upload-wave-card[data-phase="error"],.upload-wave-card[data-phase="cancelled"]{border-color:#cbd8e8;background:#f7f9fc}
.upload-wave-card[data-phase="error"] .upload-wave-value,.upload-wave-card[data-phase="cancelled"] .upload-wave-value{color:#526985}
@media(min-width:600px){.upload-wave-card{grid-template-columns:144px minmax(0,1fr);padding:20px;gap:22px}.upload-wave-preview{width:144px;aspect-ratio:4/3}.upload-wave-host .upload-wave-title{font-size:19px}.upload-wave-value{font-size:30px}}
@media(max-width:360px){.upload-wave-card{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px}.upload-wave-preview{width:84px}.upload-wave-host .upload-wave-title{font-size:15px}.upload-wave-value{font-size:20px;padding:5px 6px}.upload-wave-meter-label{font-size:8px;padding:3px 4px}}
@media(prefers-reduced-motion:reduce){.upload-wave-fill{transition:none}.upload-flip-active>.upload-flip-text{opacity:1}.upload-flip-layer{display:none}}