.dropzone{background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px 32px;position:relative;transition:border-color .2s var(--ease),background .2s var(--ease);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 .2s var(--ease)}.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%}.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:transform .3s var(--ease)}.dropzone:hover .dz-icon{transform:translateY(-2px)}.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 .dz-actions .or{font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.dropzone{padding:28px 24px;min-height:auto}}