@layer components{.dv-file-picker-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dv-file-picker-actions>.dv-button{min-width:0;height:auto;min-height:var(--button-height);padding:var(--space-2);white-space:normal}.file-drop-zone{justify-content:center;align-items:center;gap:var(--space-2);min-height:118px;padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-text-muted);cursor:pointer;text-align:center;transition:border-color var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.file-drop-zone:hover{background:var(--color-primary-subtle);border-color:#0b733a61}.file-drop-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.file-drop-zone.is-dragging{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.file-drop-zone.is-disabled{opacity:.55;cursor:not-allowed}.file-drop-zone.is-compact{min-height:72px;padding:var(--space-3);flex-direction:row}.file-drop-zone-icon{border-radius:var(--radius-md);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-subtle);box-shadow:var(--shadow-panel);flex-shrink:0;place-items:center;display:grid}.file-drop-zone:hover .file-drop-zone-icon,.file-drop-zone.is-dragging .file-drop-zone-icon{color:var(--color-primary)}.file-drop-zone-copy strong,.file-drop-zone-copy small{display:block}.file-drop-zone-copy strong{color:currentColor;font-size:12px;font-weight:650}.file-drop-zone-copy small{color:var(--color-text-subtle);margin-top:3px;font-size:10px}.file-drop-zone-spinner{animation:.8s linear infinite file-drop-zone-spin}}@keyframes file-drop-zone-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.file-drop-zone{transition:none}.file-drop-zone-spinner{animation-duration:1.6s}}