.dropzone{background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px 32px;position:relative;transition:border-color var(--dur-panel) var(--ease-out),background var(--dur-panel) var(--ease-out),scale var(--dur-press) var(--ease-out);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;cursor:pointer}.dropzone:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px dashed var(--border);border-radius:14px;pointer-events:none;transition:border-color var(--dur-panel) var(--ease-out)}.dropzone--hero:not(.is-hover):before{animation:sv-dropzone-ready-border 5.6s var(--ease-in-out) infinite}.dropzone:active{scale:var(--press-scale-lg)}.dropzone>*{position:relative;z-index:1}.dropzone:hover:before,.dropzone:focus-visible:before{border-color:var(--ink)}.dropzone.is-hover{background:var(--accent-soft);border-color:var(--accent)}.dropzone.is-hover:before{border-color:var(--accent)}.dropzone .dz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dropzone .dz-head-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.dropzone .dz-head .label-mono{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:var(--tracking-wide);color:var(--text-muted);white-space:nowrap}.dropzone .dz-head .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);background:var(--accent-soft);padding:6px 12px;border-radius:var(--radius-pill)}.dropzone .dz-head .badge .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;position:relative}.dropzone--hero .dz-head .badge .dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(30,69,217,.36);opacity:0;transform:scale(.55);animation:sv-dropzone-ready-dot 2.8s var(--ease-out) infinite}.dropzone .dz-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-page);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;color:var(--ink);margin-bottom:16px;transition:translate var(--dur-hover) var(--ease-out)}@media (hover: hover) and (pointer: fine){.dropzone:hover .dz-icon{translate:0 var(--lift-y)}}.dropzone .dz-body{margin-top:auto}.dropzone .dz-title{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,2.4vw,32px);color:var(--text-heading);letter-spacing:var(--tracking-tight);line-height:1.15;margin-bottom:10px;max-width:14ch}.dropzone .dz-sub{font-size:14px;color:var(--text-muted);margin-bottom:28px;max-width:36ch}.dropzone .dz-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dropzone .dz-actions .btn{padding:14px 28px}.dropzone--hero .dz-actions .btn .arrow{animation:sv-dropzone-arrow-nudge 4.2s var(--ease-in-out) infinite}.dropzone .dz-actions .or{font-size:13px;color:var(--text-muted)}@keyframes sv-dropzone-ready-border{0%,to{border-color:var(--border);box-shadow:none}50%{border-color:#b8c6ff;box-shadow:0 0 0 3px #1e45d909}}@keyframes sv-dropzone-ready-dot{0%{opacity:.5;transform:scale(.55)}70%,to{opacity:0;transform:scale(1.8)}}@keyframes sv-dropzone-arrow-nudge{0%,72%,to{transform:translate(0)}80%{transform:translate(4px)}88%{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.dropzone--hero:not(.is-hover):before,.dropzone--hero .dz-head .badge .dot:after,.dropzone--hero .dz-actions .btn .arrow{animation:none}}@media (max-width: 820px){.dropzone{padding:28px 24px;min-height:auto}}