.upl{width:100%;font-family:var(--font-ui);color:var(--fill-on,var(--ink));-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;display:flex}.upl-zone-wrap{flex:none;justify-content:center;align-items:center;min-height:128px;display:flex}.upl-zone{border-radius:var(--upl-r);background:var(--fill-slab,var(--card));width:100%;min-height:128px;color:inherit;font:inherit;cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 16px;transition:scale .42s cubic-bezier(.24,1.34,.38,1),background-color .22s;display:flex;position:relative;overflow:hidden}.upl-zone:hover:not(:disabled){background:color-mix(in oklab, var(--fill-slab,var(--card)) 92%, var(--ink) 8%)}.upl-zone:focus-visible{box-shadow:0 0 0 2px var(--card,#fff), 0 0 0 5px color-mix(in oklab, var(--signal,var(--ink)) 55%, transparent);outline:none}.upl-zone[data-over]{scale:1.02}.upl-zone:disabled{cursor:default}.upl-zone[data-gulp]{animation:.46s cubic-bezier(.3,1.2,.4,1) upl-gulp}.upl-zone[data-gulp] .upl-icon{animation:.46s cubic-bezier(.3,1.4,.4,1) upl-open}.upl-icon{background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff));width:38px;height:38px;color:color-mix(in srgb, var(--fill-on,#17181a) 72%, var(--fill-slab,#fff));border-radius:10px;place-items:center;transition:translate .42s cubic-bezier(.24,1.34,.38,1),background-color .22s,color .22s;display:grid}.upl-zone[data-over] .upl-icon{color:var(--fill-on,var(--ink));translate:0 -4px}.upl-say{text-align:center;letter-spacing:0;flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.upl-say b{color:var(--foreground,inherit);font-weight:500}.upl-say span{color:var(--muted-foreground,color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff)));letter-spacing:0;font-size:12px}.upl-zone[data-refuse] .upl-say b{color:var(--danger,#e5484d)}.upl-now{width:max-content;max-width:100%;animation:upl-land .42s var(--upl-spring) both;flex:none;align-items:center;gap:12px;display:flex}.upl-text{flex-direction:column;gap:4px;min-width:0;max-width:220px;display:flex}.upl-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;font-size:13px;font-weight:500;overflow:hidden}.upl-meta{height:14px;color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));letter-spacing:0;align-items:center;gap:4px;font-size:12px;display:flex}.upl-end{flex:none;place-items:center;width:22px;height:22px;display:grid}.upl-tick{background:var(--ok,#15803d);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;animation:.38s cubic-bezier(.3,1.6,.4,1) both upl-pop;display:grid}@keyframes upl-gulp{0%{scale:1.02}35%{scale:.985}70%{scale:1.006}to{scale:1}}@keyframes upl-open{40%{scale:1.08}}@keyframes upl-land{0%{opacity:0;translate:0 10px;scale:.85}}@keyframes upl-pop{0%{scale:0}}@media (prefers-reduced-motion:reduce){.upl-zone,.upl-icon,.upl-now,.upl-tick{transition:none;animation:none}}