.file-dropzone{min-width:0}.file-dropzone-surface{justify-content:center;align-items:center;gap:var(--space-16);min-height:200px;padding:var(--space-24);border:2px dotted color-mix(in oklch, var(--primary) 12%, var(--border));border-radius:var(--radius-control);background:color-mix(in oklch, var(--primary) 1.5%, var(--surface));text-align:center;flex-direction:column;transition:border-color .15s,background-color .15s;display:flex;position:relative}.file-dropzone-surface:not([data-disabled=true]):is(:hover,:focus-within),.file-dropzone-surface[data-dragging=true]{border-color:color-mix(in oklch, var(--primary) 65%, var(--border));background:color-mix(in oklch, var(--primary) 3%, var(--surface))}.file-dropzone-surface[data-dragging=true]{outline:2px solid var(--primary);outline-offset:2px}.file-dropzone-surface[data-disabled=true]{opacity:.6}.file-dropzone-surface>button.file-dropzone-trigger{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.file-dropzone-surface>button.file-dropzone-trigger:hover{background:color-mix(in oklch, var(--primary) 3%, transparent)}.file-dropzone-surface>button.file-dropzone-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.file-dropzone-surface[data-disabled=true]>button.file-dropzone-trigger{cursor:default}.file-dropzone-preview{width:80px;height:64px;padding:var(--space-8);border-radius:var(--radius-control);color:var(--primary);pointer-events:none;flex:none;justify-content:center;align-items:center;display:flex}.file-dropzone-preview img{object-fit:contain;width:100%;height:100%}.file-dropzone-preview:has(>svg){width:144px;height:100px;padding:0}.file-dropzone-preview>.file-dropzone-empty-art{width:144px;height:100px;color:color-mix(in oklch, var(--primary) 55%, var(--muted-foreground));opacity:.65}.file-dropzone-content{pointer-events:none;width:100%;min-width:0}.file-dropzone-prompt{margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.5}.file-dropzone-choose{color:var(--primary);text-underline-offset:3px;margin-bottom:8px;font-size:13px;font-weight:500;text-decoration:underline;display:inline-block}.file-dropzone-name{margin-bottom:var(--space-8);overflow-wrap:anywhere;color:var(--foreground);font-size:13px;font-weight:500;display:block}.file-dropzone-actions{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.file-dropzone-actions:empty{display:none}.file-dropzone-actions button.file-dropzone-remove{z-index:2;white-space:normal;pointer-events:auto;height:auto;min-height:40px;position:relative}.file-dropzone-hint,.file-dropzone-status,.file-dropzone-error{margin:var(--space-8) 0 0;font-size:12px;line-height:1.6}.file-dropzone-hint,.file-dropzone-status{color:var(--muted-foreground)}.file-dropzone-error{color:var(--destructive)}.file-dropzone-status{display:block}@media (max-width:400px){.file-dropzone-surface{gap:var(--space-12);padding:var(--space-12)}.file-dropzone-preview{width:56px;height:56px}.file-dropzone-actions button.file-dropzone-remove{min-height:44px}}@media (prefers-reduced-motion:reduce){.file-dropzone-surface{transition:none}}