.sv-dropzone{position:relative;width:100%;max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,2.75rem) var(--sv-space-5);border-radius:20px;border:1.5px dashed var(--sv-border-strong);background:linear-gradient(180deg,#3b82f60a,#3b82f603);transition:border-color .2s ease,background .2s ease,transform .15s ease;cursor:pointer;text-align:center}.sv-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;box-shadow:0 20px 60px -30px #3b82f666;pointer-events:none}.sv-dropzone:hover,.sv-dropzone:focus-visible,.sv-dropzone.is-hover{border-color:var(--sv-accent);background:linear-gradient(180deg,#3b82f61a,#3b82f608);outline:none}.sv-dropzone__icon{color:var(--sv-accent);margin:0 auto var(--sv-space-3);display:inline-flex;padding:var(--sv-space-3);border-radius:16px;background:var(--sv-accent-muted)}.sv-dropzone__title{margin:0 0 var(--sv-space-2);font-size:clamp(1.125rem,2vw,1.25rem);font-weight:600;color:var(--sv-text-primary)}.sv-dropzone__hint{margin:0 0 var(--sv-space-5);font-size:var(--sv-text-sm);color:var(--sv-text-muted)}.sv-dropzone__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--sv-space-3);justify-content:center}.sv-dropzone__or{font-size:var(--sv-text-sm);color:var(--sv-text-muted)}