.clip-upload-badge{position:fixed;z-index:115;right:20px;bottom:24px;display:flex;gap:12px;align-items:center;max-width:min(400px,calc(100vw - 24px));padding:14px;border:1px solid #b3caff36;border-radius:21px;background:#10182aee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0005;color:#e6ecfb;font-family:var(--font-inter),sans-serif;animation:clip-badge-arrive .3s ease-out}.clip-upload-symbol{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#b6a1ff19;color:#c6b6ff}.clip-upload-symbol svg{width:20px;height:20px}.clip-upload-description{min-width:0}.clip-upload-description p{font-size:12px;font-weight:600;margin:0}.clip-upload-description>span{display:block;font-size:10px;color:#afbdd4;margin-top:4px;overflow-wrap:anywhere}.clip-upload-description progress{display:block;width:100%;height:3px;border:0;margin-top:9px;accent-color:#bca5ff;border-radius:4px;overflow:hidden}.clip-upload-description progress::-webkit-progress-bar{background:#ffffff16}.clip-upload-description progress::-webkit-progress-value{background:linear-gradient(90deg,#bc9fff,#9ed8ff)}.clip-upload-badge button{display:grid;place-items:center;min-width:44px;min-height:44px;flex:none;border-radius:12px;color:#c7d3e9}.clip-upload-badge button:hover{background:#ffffff0c}.clip-upload-badge button:focus-visible{outline:2px solid #bca5ff}.clip-upload-badge[data-state=failed] .clip-upload-symbol{color:#ffb9be}.clip-upload-badge[data-state=completed] .clip-upload-symbol{color:#a5e5ce}.clip-upload-spinner{animation:clip-badge-spin 1.2s linear infinite}@keyframes clip-badge-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes clip-badge-spin{to{transform:rotate(1turn)}}@media(max-width:800px){.clip-upload-badge{right:12px;bottom:calc(90px + env(safe-area-inset-bottom,0px));padding:10px;gap:8px}}@media(prefers-reduced-motion:reduce){.clip-upload-badge,.clip-upload-spinner{animation:none}}