.attachment-field{grid-column:1/-1;display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}.attachment-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.field-label{display:block;color:var(--ink);font-weight:800}.attachment-heading p,.attachment-privacy{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.upload-mode{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#6f5415;background:#fff1bf;font-size:12px;font-weight:800}.upload-mode.ready{color:#1e5b3f;background:#def3e7}.upload-mode.static{color:#7d3a35;background:#fbe5e2}.drop-zone{position:relative;display:grid;place-items:center;gap:7px;min-height:150px;padding:24px;border:2px dashed #b8c2d1;border-radius:18px;color:var(--muted);background:#f8fafc;text-align:center;cursor:pointer;transition:.18s ease}.drop-zone:hover,.drop-zone.dragover,.drop-zone:focus-visible{border-color:var(--purple);background:#faf7ff}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone strong{color:var(--navy);font-size:16px}.drop-zone span{max-width:620px;font-size:13px;line-height:1.5}.selected-files{display:grid;gap:9px;margin:0;padding:0;list-style:none}.selected-file{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.file-preview{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:var(--purple);background:#eee8f5;font-size:11px;font-weight:900;text-transform:uppercase}.file-preview img,.file-preview video{width:100%;height:100%;object-fit:cover}.file-copy{min-width:0}.file-copy strong,.file-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-copy span{margin-top:3px;color:var(--muted);font-size:12px}.file-remove{padding:8px 10px;border:0;border-radius:8px;color:#8b2e2e;background:#f9e5e5;font-weight:800;cursor:pointer}.file-validation{min-height:0;color:#9a2f2f;font-size:13px;font-weight:700}.upload-progress{display:grid;gap:8px}.upload-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.upload-progress progress{width:100%;height:10px;accent-color:var(--purple)}.static-upload-note{margin:0;padding:12px 14px;border-radius:12px;color:#6f3b19;background:#fff2d8;font-size:13px;line-height:1.55}@media(max-width:760px){.attachment-heading{flex-direction:column}.upload-mode{align-self:flex-start}.selected-file{grid-template-columns:42px 1fr}.selected-file .file-remove{grid-column:1/-1;width:100%}}