.ox-file-upload{display:grid;gap:8px}.ox-file-upload-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ox-file-upload-heading label{margin:0}.ox-file-upload-heading span{color:var(--text-muted);font-size:12px}.ox-file-upload-dropzone{position:relative;min-width:0;border:1px dashed var(--border-subtle);border-radius:9px;background:var(--surface-elevated);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.ox-file-upload-dropzone:focus-within:not(.is-disabled),.ox-file-upload-dropzone:hover:not(.is-disabled){border-color:color-mix(in srgb,var(--action-primary-bg) 65%,var(--border-subtle));background:color-mix(in srgb,var(--action-primary-bg) 4%,var(--surface-elevated))}.ox-file-upload-dropzone:focus-within:not(.is-disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--action-primary-bg) 18%,transparent)}.ox-file-upload-dropzone.is-dragging{border-color:var(--action-primary-bg);border-style:solid;background:color-mix(in srgb,var(--action-primary-bg) 8%,var(--surface-elevated))}.ox-file-upload-dropzone.is-disabled{opacity:.68}.ox-file-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ox-file-upload-trigger{min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:14px;cursor:pointer}.ox-file-upload-trigger[aria-disabled=true]{cursor:not-allowed}.ox-file-upload-trigger-icon{width:38px;height:38px;display:inline-grid;place-items:center;color:var(--action-primary-bg);background:color-mix(in srgb,var(--action-primary-bg) 10%,transparent);border-radius:999px;font-size:20px;font-weight:700;line-height:1}.ox-file-upload-trigger-copy{min-width:0;display:grid;gap:3px}.ox-file-upload-trigger-copy strong{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.3}.ox-file-upload-trigger-copy span{color:var(--text-muted);font-size:11px;line-height:1.45}.ox-file-upload-browse{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;color:var(--action-primary-text);background:var(--action-primary-bg);border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.ox-file-upload-status{min-height:18px;color:var(--text-muted);font-size:12px;line-height:1.45}.ox-file-upload-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0;padding:0;list-style:none}.ox-file-upload-item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:7px}.ox-file-upload-icon{font-size:18px;line-height:1}.ox-file-upload-meta{min-width:0;display:grid;gap:2px}.ox-file-upload-meta strong{overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ox-file-upload-help,.ox-file-upload-meta small{color:var(--text-muted);font-size:11px;line-height:1.4}.ox-file-upload-remove{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;color:var(--text-muted);background:transparent;border:0;border-radius:999px;font-size:20px;line-height:1}.ox-file-upload-remove:focus-visible,.ox-file-upload-remove:hover{color:var(--state-danger-text,#b42318);background:color-mix(in srgb,var(--state-danger-text,#b42318) 9%,transparent)}@media (max-width:575px){.ox-file-upload-trigger{min-height:96px;grid-template-columns:auto minmax(0,1fr)}.ox-file-upload-browse{grid-column:1/-1;width:100%}.ox-file-upload-list{grid-template-columns:1fr}.ox-file-upload-item{min-height:52px}}@media (prefers-reduced-motion:reduce){.ox-file-upload-dropzone{transition:none}}