.upload-dropzone{background:var(--bg-tertiary);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:160px;margin-bottom:20px;padding:36px 24px;transition:background .2s;display:flex;position:relative;overflow:hidden}.upload-dropzone--compact{flex-direction:row;gap:10px;min-height:auto;margin-bottom:12px;padding:16px 20px}.upload-dropzone--fill{min-height:280px;margin-bottom:0}.upload-dropzone:hover,.upload-dropzone.is-dragover{background:var(--accent-muted)}.upload-dropzone__frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.upload-dropzone__frame rect{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke;rx:12;ry:12}.upload-dropzone__frame rect.upload-dropzone__track{stroke:var(--border);stroke-dasharray:10 8;opacity:.9}.upload-dropzone__frame rect.upload-dropzone__march{stroke:var(--accent);stroke-dasharray:10 8;stroke-dashoffset:0;animation:1.1s linear infinite upload-dash-march}.upload-dropzone:hover .upload-dropzone__march,.upload-dropzone.is-dragover .upload-dropzone__march{stroke:var(--accent-hover);animation-duration:.55s}@keyframes upload-dash-march{to{stroke-dashoffset:-36px}}.upload-dropzone__content{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.upload-dropzone--compact .upload-dropzone__content{flex-direction:row;gap:10px}.upload-dropzone__icon{color:var(--accent);flex-shrink:0;animation:2.5s ease-in-out infinite upload-icon-float}.upload-dropzone:hover .upload-dropzone__icon,.upload-dropzone.is-dragover .upload-dropzone__icon{animation-duration:1.2s}@keyframes upload-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upload-dropzone__title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.upload-dropzone__subtitle{color:var(--text-muted);margin:0;font-size:.82rem}.upload-dropzone input{display:none}