.file-upload{display:grid;gap:12px;min-width:0}.upload-dropzone{display:grid;justify-items:center;gap:12px;padding:24px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;min-width:0}.upload-dropzone>.icon{width:32px;height:32px;color:var(--muted)}.upload-dropzone label{font-weight:650;cursor:pointer}.upload-dropzone p{margin:0;font-size:14px;color:var(--muted)}.upload-dropzone input[type=file]{max-width:100%;font-size:14px;border:0;background:transparent;padding:0;min-height:44px}.upload-dropzone input::file-selector-button{font:inherit;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:var(--control-radius,8px);padding:8px 12px;min-height:44px;margin-inline-end:12px;cursor:pointer}.upload-dropzone:focus-within,.file-upload[data-dragging] .upload-dropzone{border-color:var(--accent);background:var(--tint)}.upload-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.upload-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.upload-item>img{width:44px;height:44px;object-fit:cover;border-radius:4px}.upload-info{display:grid;gap:4px;min-width:0;flex:1}.upload-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.upload-detail{color:var(--muted);font-size:13px}.upload-item progress{width:100%;height:8px;accent-color:var(--accent)}.upload-item .btn{min-width:44px;min-height:44px;padding:8px}.upload-error{color:var(--error);font-size:14px;margin:0}.upload-error:empty,.upload-list:empty{display:none}.file-upload:has(input:disabled){opacity:.55}.file-upload input:disabled{cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.upload-dropzone{transition:background-color var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease)}}[data-motion=none] .upload-dropzone{transition:none}@media(max-width:480px){.upload-dropzone{padding:16px}}