.upl-overlay{z-index:50;pointer-events:none;font-family:var(--font-ui);color:var(--fill-on,var(--ink));-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s linear .18s;position:absolute;inset:0;container-type:size}.upl-overlay[data-shown]{opacity:1;visibility:visible;transition:opacity .14s,visibility}.upl-zone-wrap{width:100%;height:100%}.upl-zone{border-radius:var(--upl-r);background:var(--fill-slab,var(--card));flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:0 16px;transition:scale .42s cubic-bezier(.24,1.34,.38,1),background-color .22s;display:flex;position:relative;overflow:hidden}.upl-zone[data-over]{scale:1.02}.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,#fafafa) 6%, var(--fill-slab,#171717));width:38px;height:38px;color:color-mix(in srgb, var(--fill-on,#fafafa) 72%, var(--fill-slab,#171717));border-radius:10px;flex:none;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{font-weight:500}.upl-say span{color:color-mix(in srgb, var(--fill-on,#fafafa) 52%, var(--fill-slab,#171717));letter-spacing:0;font-size:12px}.upl-zone[data-refuse] .upl-say b{color:#e5484d}@container (max-height:132px){.upl-zone{flex-direction:row}.upl-zone[data-over] .upl-icon{translate:0 -2px}.upl-say{text-align:left;align-items:flex-start}}.upl-tray{font-family:var(--font-ui);color:var(--fill-on,var(--ink));scrollbar-width:thin;gap:8px;margin:-4px -4px 4px;padding:4px 4px 6px;list-style:none;display:flex;overflow-x:auto}.upl-tile{background:var(--fill-slab,var(--card));box-shadow:inset 0 0 0 1px var(--pane-edge);animation:upl-land .42s var(--upl-spring) both;border-radius:12px;flex:none;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex}.upl-thumb{background:color-mix(in srgb, var(--fill-on,#fafafa) 6%, var(--fill-slab,#171717));border-radius:8px;flex:none;width:32px;height:32px;overflow:hidden}.upl-thumb img{object-fit:cover;width:100%;height:100%;display:block}.upl-text{flex-direction:column;gap:3px;width:104px;min-width:0;display:flex}.upl-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.upl-meta{white-space:nowrap;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--fill-on,#fafafa) 52%, var(--fill-slab,#171717));letter-spacing:0;font-size:11px;line-height:1.2}.upl-track{background:color-mix(in srgb, var(--fill-on,#fafafa) 6%, var(--fill-slab,#171717));opacity:0;border-radius:2px;height:3px;margin-top:1px;transition:opacity .2s;position:relative;overflow:hidden}.upl-bar{border-radius:inherit;background:var(--signal,#3aa9ff);width:40%;position:absolute;top:0;bottom:0;left:0}.upl-tile[data-sending] .upl-track{opacity:1}.upl-tile[data-sending] .upl-bar{animation:1.1s cubic-bezier(.45,0,.55,1) infinite upl-wait}.upl-end{flex:none;place-items:center;width:20px;height:20px;display:grid;position:relative}.upl-tick,.upl-remove{grid-area:1/1}.upl-tick{background:var(--ok,#34d17a);width:20px;height:20px;color:var(--on-ink,#0a0a0a);pointer-events:none;border-radius:50%;place-items:center;animation:.38s cubic-bezier(.3,1.6,.4,1) both upl-pop,.22s 1.3s forwards upl-hide;display:grid}.upl-remove{width:20px;height:20px;color:color-mix(in srgb, var(--fill-on,#fafafa) 60%, var(--fill-slab,#171717));cursor:pointer;background:0 0;border:0;border-radius:50%;outline:none;place-items:center;padding:0;transition:background-color .16s,color .16s;animation:.2s 1.4s both upl-show;display:grid}.upl-remove:hover:not(:disabled){background:color-mix(in srgb, var(--fill-on,#fafafa) 12%, transparent);color:var(--fill-on,var(--ink))}.upl-remove:focus-visible{outline:2px solid var(--focus,#a1a1a1);outline-offset:1px;animation:none}.upl-tile:has(.upl-remove:focus-visible) .upl-tick{visibility:hidden}.upl-remove:disabled{cursor:default;opacity:.4}.upl-clear-slot{flex:none;align-items:center;display:flex}.upl-clear{background:color-mix(in srgb, var(--fill-on,#fafafa) 6%, transparent);height:28px;color:color-mix(in srgb, var(--fill-on,#fafafa) 72%, var(--fill-slab,#171717));cursor:pointer;border:0;border-radius:8px;outline:none;padding:0 10px;font-size:12px;transition:background-color .16s,color .16s}.upl-clear:hover:not(:disabled){background:color-mix(in srgb, var(--fill-on,#fafafa) 12%, transparent);color:var(--fill-on,var(--ink))}.upl-clear:focus-visible{outline:2px solid var(--focus,#a1a1a1);outline-offset:2px}.upl-clear:disabled{cursor:default;opacity:.5}@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}}@keyframes upl-hide{to{opacity:0;scale:.6}}@keyframes upl-show{0%{opacity:0}}@keyframes upl-wait{0%{translate:-100%}to{translate:250%}}@media (prefers-reduced-motion:reduce){.upl-zone{transition:background-color .22s}.upl-zone[data-over]{scale:none}.upl-zone[data-over] .upl-icon{translate:none}.upl-zone[data-gulp],.upl-zone[data-gulp] .upl-icon,.upl-tile{animation:none}.upl-tick{display:none}.upl-remove{animation:none}.upl-tile[data-sending] .upl-bar{opacity:.6;width:100%;animation:none}}