.attachment-picker{flex:none;display:inline-flex}.attachment-add{color:#77727e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.attachment-add:hover{color:#332d3c;background:#f1eef5}.attachment-add:disabled{opacity:.4;cursor:default}.attachment-section{min-width:0;margin:0 0 12px}.attachment-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.attachment-chip{background:#faf9fc;border:1px solid #e8e4ec;border-radius:10px;align-items:center;min-width:0;max-width:230px;display:flex;position:relative}.attachment-download{color:#635b6d;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:7px 9px;text-decoration:none;display:flex}.attachment-download:hover{color:#3d304a}.attachment-thumbnail{background:#efebf3;border-radius:5px;flex:0 0 34px;place-items:center;width:34px;height:36px;display:grid;overflow:hidden}.attachment-thumbnail img{object-fit:cover;width:100%;height:100%}.attachment-details{gap:4px;min-width:0;display:grid}.attachment-details strong{text-overflow:ellipsis;white-space:nowrap;max-width:142px;font-size:11px;font-weight:550;line-height:14px;display:block;overflow:hidden}.attachment-details small{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;line-height:14px;display:flex}.attachment-remove{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 22px;align-self:flex-start;place-items:center;margin:3px 3px 0 0;padding:0;display:grid}.attachment-remove:hover{color:#46364f;background:#eae4ef}.attachment-note{color:var(--text-muted);text-align:left;margin:7px 0 0;font-size:11px;line-height:15px}.attachment-section.is-compact .attachment-chip{max-width:100%}.attachment-section.is-compact .attachment-details strong{max-width:165px}.attachment-section.is-compact{margin:12px 0}.attachment-picker.is-compact .attachment-add{width:28px;height:28px}.attachment-error{color:#a14848;margin:6px 0;font-size:11px;line-height:1.6}.mk-composer.is-file-dragging,.build-composer.is-file-dragging{outline-offset:3px;background:#fcfaff;outline:2px solid #9b81b5}.attachment-drop-hint{color:#846498;margin:0 0 10px;font-size:12px}.attachment-saving{animation:.9s linear infinite attachment-spin}@keyframes attachment-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.attachment-saving{animation:none}}.attachment-readiness{color:#3f3649;text-align:left;overflow-wrap:anywhere;background:#f6f3f9;border-radius:9px;margin:0 0 8px;padding:7px 10px;font-size:11.5px;line-height:16px}.attachment-heading{color:#2f2838;text-align:left;margin:0 0 6px;font-size:12px;font-weight:600}.attachment-heading small{color:#5d5468;margin-left:4px;font-weight:400}.attachment-readiness p{margin:0}.attachment-readiness p+p{margin-top:3px}.attachment-read{font-weight:550}.attachment-skipped{color:#5f5469}.attachment-blocking{color:#97393a;font-weight:550}.attachment-section.has-readiness .attachment-list{max-height:min(340px, calc(45vh / var(--ui-zoom,1)));flex-flow:column;overflow-y:auto}.attachment-chip.has-state{flex-direction:column;flex:none;align-items:stretch;max-width:100%}.attachment-row{align-items:center;min-width:0;display:flex}.attachment-row .attachment-download{flex:auto}.attachment-chip.has-state .attachment-details strong,.attachment-section.is-compact .attachment-chip.has-state .attachment-details strong{max-width:100%}.attachment-state{color:#544a5e;text-align:left;overflow-wrap:anywhere;align-items:flex-start;gap:6px;margin:0;padding:0 10px 8px;font-size:11px;line-height:15px;display:flex}.attachment-state svg{flex:none;margin-top:1px}.attachment-state strong{font-weight:600}.attachment-chip[data-state=ready]{background:#f7fbf8;border-color:#cfe2d5}.attachment-chip[data-state=ready] .attachment-state svg{color:#2f7246}.attachment-chip[data-state=unsupported],.attachment-chip[data-state=too-large],.attachment-chip[data-state=failed],.attachment-chip[data-state=partial]{background:#fdf8f7;border-color:#ecd6d3}.attachment-chip[data-state=unsupported] .attachment-state svg,.attachment-chip[data-state=too-large] .attachment-state svg,.attachment-chip[data-state=failed] .attachment-state svg,.attachment-chip[data-state=partial] .attachment-state svg{color:#97393a}.attachment-details-list{color:#544a5e;overflow-wrap:anywhere;margin:-4px 0 0;padding:0 10px 8px 41px;font-size:11px;line-height:15px}.attachment-details-list li+li{margin-top:2px}.attachment-chip[data-state=local-only]{border-style:dashed}.attachment-actions{flex-wrap:wrap;gap:6px;padding:0 10px 8px 29px;display:flex}.attachment-actions button{color:#45394f;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d0e1;border-radius:999px;align-items:center;gap:4px;padding:4px 11px;font-size:11px;line-height:1.2;display:inline-flex}.attachment-actions button:hover{background:#f4f0f7}.attachment-actions button:disabled{opacity:.5;cursor:default}.attachment-actions button:focus-visible,.attachment-remove:focus-visible,.attachment-download:focus-visible{outline-offset:2px;outline:2px solid #8f6fa8}
