.file-upload{min-width:0;width:100%}.file-upload-drop{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-2);background:var(--plate);box-shadow:var(--in);transition:box-shadow var(--dur-press) var(--ease)}.file-upload-drop.is-dragging{box-shadow:var(--in),0 0 0 2px var(--acc)}.file-upload-drop.is-disabled{color:var(--ink-3)}.file-upload-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:var(--r-1);background:var(--plate);color:var(--acc-t);box-shadow:var(--out-sm)}.file-upload-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.file-upload-copy{flex:1 1 160px;min-width:0}.file-upload-copy strong{color:var(--ink);font-size:var(--fs-body)}.file-upload-copy p{margin:var(--s-2) 0 0;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.6}.file-upload-limit{display:block;color:var(--ink-3);font-size:var(--fs-xs);margin-top:var(--s-1)}.file-upload-files{list-style:none;margin:var(--s-4) 0 0;padding:0;display:grid;gap:var(--s-3)}.file-upload-files li{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-1);background:var(--plate);box-shadow:var(--out-sm)}.file-upload-files li>div{flex:1;min-width:0}.file-upload-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);color:var(--ink)}.file-upload-size{display:block;font-size:var(--fs-xs);color:var(--ink-3);margin-top:var(--s-1)}.file-upload-status,.file-upload-error{margin:var(--s-3) 0 0;font-size:var(--fs-sm)}.file-upload-error{color:var(--dang)}@media(max-width:520px){.file-upload-drop{padding:var(--s-4);gap:var(--s-3)}.file-upload-pick{width:100%}}@media(prefers-reduced-motion:reduce){.file-upload-drop{transition:none}}.file-upload-error,.file-upload-copy{overflow-wrap:anywhere}