/* Glitch treatment adapted from Uiverse.io by andrew-demchenk0 (user supplied). */
.upload-console{margin:18px 0;padding:20px;background:linear-gradient(145deg,#170c24,#090b13);border:1px solid #624082;border-radius:12px;color:#eee5fc;box-shadow:inset 0 1px #bb80ef25;overflow:hidden}.upload-console header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.upload-glitch{position:relative;isolation:isolate;font:700 17px/1.4 Consolas,monospace;letter-spacing:3px;color:#fff}.upload-console[data-state=working] .upload-glitch{animation:sutx-upload-shift 3s ease-in-out infinite}.upload-console[data-state=working] .upload-glitch:before,.upload-console[data-state=working] .upload-glitch:after{content:attr(data-glitch);position:absolute;inset:0;opacity:.7;pointer-events:none;z-index:-1;animation:sutx-upload-glitch .5s steps(2,end) infinite;color:#8b00ff}.upload-console[data-state=working] .upload-glitch:after{color:#00e571;animation-direction:reverse;z-index:-2}.upload-batch{font:11px Consolas,monospace;white-space:nowrap;color:#b295cf}.upload-meter-label{display:flex;justify-content:space-between;font:12px Consolas,monospace;margin-bottom:10px}.upload-byte-progress,.storage-meter{display:block;width:100%;height:10px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#282033;accent-color:#a369e8}.upload-byte-progress::-webkit-progress-bar,.storage-meter::-webkit-progress-bar{background:#282033}.upload-byte-progress::-webkit-progress-value,.storage-meter::-webkit-progress-value{background:linear-gradient(90deg,#8b00ff,#bd8cef 70%,#00e571)}.upload-byte-progress::-moz-progress-bar,.storage-meter::-moz-progress-bar{background:linear-gradient(90deg,#8b00ff,#00e571)}.upload-byte-detail{font:11px/1.6 Consolas,monospace;overflow-wrap:anywhere;margin:10px 0;color:#b9a7cc}.upload-stage{display:flex;align-items:center;gap:10px;font:12px/1.5 Consolas,monospace;margin:16px 0}.upload-stage-dot{width:8px;height:8px;flex:0 0 8px;background:#bb8be8;border-radius:50%}.upload-console[data-state=working] .upload-stage-dot{animation:sutx-upload-pulse 1.2s infinite alternate}.upload-console[data-state=complete] .upload-stage-dot{background:#00e571}.upload-console[data-state=failed] .upload-stage-dot{background:#fa7a95}.upload-terminal{border:1px solid #44314f;background:#070a0e;border-radius:8px;overflow:hidden}.upload-terminal-title{display:flex;align-items:center;gap:5px;padding:10px 12px;border-bottom:1px solid #35213d;background:#15101d;font:10px Consolas,monospace;letter-spacing:1px;color:#ac8fbe}.upload-terminal-title i{width:5px;height:5px;border-radius:50%;background:#8b00ff}.upload-terminal-title i:nth-child(2){background:#bf9aff}.upload-terminal-title i:nth-child(3){background:#00e571}.upload-terminal-title span{margin-left:8px}.upload-terminal ol{list-style:none;padding:12px;margin:0;max-height:150px;overflow:auto;scrollbar-width:thin;font:11px/1.8 Consolas,monospace;color:#a7d9bf}.upload-terminal li{overflow-wrap:anywhere}.storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.storage-grid dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;margin:24px 0}.storage-grid dd{margin:0;font-weight:600}.storage-grid p{font-size:13px}.storage-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.storage-breakdown>div{display:grid;gap:12px;padding:18px;border:1px solid var(--console-border,#47334f);border-radius:8px}.storage-breakdown strong{font-size:22px}.storage-breakdown span{font-size:12px}@keyframes sutx-upload-glitch{0%,100%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}}@keyframes sutx-upload-shift{0%,85%,90%,100%{transform:skewX(0)}86%{transform:skewX(7deg)}88%{transform:skewX(-7deg)}}@keyframes sutx-upload-pulse{to{opacity:.3}}@media(max-width:850px){.storage-grid{grid-template-columns:1fr}.storage-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.upload-console{padding:12px}.upload-console header{align-items:flex-start;flex-direction:column}.storage-breakdown{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.upload-console *,.upload-console *:before,.upload-console *:after{animation:none!important}}