.file-field{gap:6px;display:grid}.file-field__choose,.file-field__selection{border:1px dashed var(--color-border-strong);min-height:44px;color:var(--color-text);background:var(--color-surface-muted);border-radius:10px}.file-field__choose{cursor:pointer;font:inherit;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:flex}.file-field__choose:hover:not(:disabled),.file-field__choose:focus-visible{border-color:var(--color-brand);color:var(--color-brand-ink);background:var(--color-brand-soft);outline:0}.file-field__selection{grid-template-columns:20px minmax(0,1fr) 32px 32px;align-items:center;gap:8px;padding:7px 8px 7px 11px;display:grid}.file-field__selection>svg,.file-field__choose>svg{width:17px;color:var(--color-brand)}.file-field__selection span{gap:2px;min-width:0;display:grid}.file-field__selection strong,.file-field__selection small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-field__selection small{color:var(--color-text-tertiary);font-size:9px}.file-field__selection button{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;border-radius:8px;place-items:center;display:grid}.file-field__selection button svg{width:14px}.file-field__choose:disabled,.file-field__selection button:disabled{cursor:not-allowed;opacity:.55}.file-field__error{color:var(--color-danger);margin:0;font-size:10px}.file-field--labeled-actions .file-field__selection{background:var(--spatial-reading), var(--spatial-field);border-style:solid;grid-template-columns:20px minmax(0,1fr) auto auto}.file-field--labeled-actions .file-field__selection button{width:auto;height:40px;font:inherit;color:var(--spatial-ink);border-color:color-mix(in srgb, var(--spatial-depth) 35%, var(--spatial-edge));justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.file-field--labeled-actions .file-field__selection button:last-child{color:var(--color-danger)}.file-field__selection button:focus-visible{outline:2px solid var(--action-primary-fill);outline-offset:3px}.file-field--labeled-actions .file-field__selection button:hover:not(:disabled){background:var(--spatial-mist)}@media (width<=600px){.file-field--labeled-actions .file-field__selection{grid-template-columns:20px minmax(0,1fr) auto}.file-field--labeled-actions .file-field__selection>span{grid-column:2/-1}.file-field--labeled-actions .file-field__selection>button{grid-row:2;min-height:44px}.file-field--labeled-actions .file-field__selection>button:first-of-type{grid-column:2;justify-self:end}}.local-file-preview{border:1px solid var(--spatial-edge);background:var(--spatial-reading), var(--spatial-mist);border-radius:14px;place-items:center;min-width:0;height:clamp(220px,36vh,420px);padding:12px;display:grid;overflow:hidden}.local-file-preview>img,.local-file-preview>object{object-fit:contain;border:0;border-radius:8px;width:100%;height:100%;min-height:0;display:block}.local-file-preview a{color:var(--spatial-ink);align-items:center;gap:8px;display:flex}