.sd-drop{--dz-bg:#fbfaf8;--dz-surface:#fff;--dz-fg:#1a1917;--dz-muted:#807b72;--dz-line:#d9d4ca;--dz-accent:#2f6fed;--dz-success:#1f8a54;--dz-error:#c2341e;--dz-ease:cubic-bezier(.22, 1, .36, 1);width:min(480px,100%);color:var(--dz-fg);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}:where(.dark) .sd-drop{--dz-bg:#161614;--dz-surface:#1d1d1a;--dz-fg:#edebe6;--dz-muted:#8f8a80;--dz-line:#3a3833;--dz-accent:#6b9bff;--dz-success:#5fd49a;--dz-error:#ff8a75}.sd-drop__zone{background:var(--dz-bg);width:100%;color:inherit;font:inherit;cursor:pointer;transition:background-color .3s var(--dz-ease), transform .3s var(--dz-ease);border:0;border-radius:14px;justify-items:center;gap:6px;padding:34px 20px 30px;display:grid;position:relative}.sd-drop__zone:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}.sd-drop__frame{pointer-events:none;width:calc(100% - 1.5px);height:calc(100% - 1.5px);position:absolute;top:.75px;left:.75px;overflow:visible}.sd-drop__frame rect{fill:none;stroke:var(--dz-line);stroke-width:1.5px;stroke-dasharray:6 6;transition:stroke .2s}.sd-drop__zone:hover .sd-drop__frame rect{stroke:color-mix(in oklab, var(--dz-fg) 35%, transparent)}.sd-drop__zone[data-over]{background:color-mix(in oklab, var(--dz-accent) 7%, var(--dz-bg));transform:scale(1.012)}.sd-drop__zone[data-over] .sd-drop__frame rect{stroke:var(--dz-accent);animation:.6s linear infinite sd-drop-march}@keyframes sd-drop-march{to{stroke-dashoffset:-12px}}.sd-drop__icon{background:var(--dz-surface);width:42px;height:42px;box-shadow:0 0 0 1px var(--dz-line), 0 2px 4px #0000000d;border-radius:11px;place-items:center;margin-bottom:6px;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:grid}.sd-drop__zone[data-over] .sd-drop__icon{color:var(--dz-accent);transform:translateY(-4px)scale(1.06)}.sd-drop__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sd-drop__label{letter-spacing:-.01em;font-size:15px;font-weight:600}.sd-drop__hint{color:var(--dz-muted);font-size:13px}.sd-drop__hint u{text-underline-offset:3px;color:var(--dz-fg)}.sd-drop__notice{min-height:18px;color:var(--dz-error);margin:8px 2px 0;font-size:12.5px}.sd-drop__list{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.sd-drop__file{background:var(--dz-surface);box-shadow:0 0 0 1px color-mix(in oklab, var(--dz-line) 75%, transparent), 0 1px 2px #0000000a;animation:sd-drop-in .38s var(--dz-ease);border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}@keyframes sd-drop-in{0%{opacity:0;transform:translateY(-6px)}}.sd-drop__glyph{width:30px;height:38px;color:var(--dz-muted);flex:none;position:relative}.sd-drop__glyph svg{width:100%;height:100%;fill:var(--dz-bg);stroke:currentColor;stroke-width:1.2px}.sd-drop__glyph span{text-align:center;color:var(--dz-fg);font-family:ui-monospace,monospace;font-size:7.5px;font-weight:700;position:absolute;bottom:7px;left:0;right:0}.sd-drop__glyph[data-kind=image]{color:#c27c2e}.sd-drop__glyph[data-kind=application]{color:#c2341e}.sd-drop__glyph[data-kind=video]{color:#7b5bd6}.sd-drop__meta{flex:1;min-width:0}.sd-drop__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:550;overflow:hidden}.sd-drop__sub{color:var(--dz-muted);font-variant-numeric:tabular-nums;margin:2px 0 6px;font-size:12px}.sd-drop__err{color:var(--dz-error)}.sd-drop__bar{background:color-mix(in oklab, var(--dz-line) 60%, transparent);border-radius:3px;height:3px;display:block;position:relative;overflow:hidden}.sd-drop__bar:after{content:"";transform:scaleX(var(--p));transform-origin:0;background:var(--dz-accent);transition:transform .24s var(--dz-ease), background-color .3s ease;position:absolute;inset:0}.sd-drop__file[data-status=done] .sd-drop__bar:after{background:var(--dz-success)}.sd-drop__file[data-status=done] .sd-drop__bar{animation:.6s .9s forwards sd-drop-bar-out}@keyframes sd-drop-bar-out{to{opacity:0;height:0}}.sd-drop__file[data-status=error] .sd-drop__bar:after{background:var(--dz-error)}.sd-drop__file[data-status=canceled]{opacity:.6}.sd-drop__actions{flex:none;align-items:center;gap:2px;display:flex}.sd-drop__actions button,.sd-drop__ok{width:28px;height:28px;color:var(--dz-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.sd-drop__actions button:hover{background:var(--dz-bg);color:var(--dz-fg)}.sd-drop__actions svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.sd-drop__ok{color:var(--dz-success);cursor:default}.sd-drop__ok svg{stroke-dasharray:16;stroke-dashoffset:16px;animation:sd-drop-check .42s var(--dz-ease) forwards}@keyframes sd-drop-check{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sd-drop *,.sd-drop__zone{transition-duration:1ms!important;animation-duration:1ms!important}}