.file-drop{transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.file-drop.is-dragover{border-color:var(--ink);background:var(--soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 10%,transparent);transform:translateY(-1px)}
.file-drop.is-dragover strong{color:var(--ink)}
.rich-editor.is-image-dragover{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 12%,transparent)}
.rich-editor img,.detail-content img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:10px}
.existing-attachments{margin:18px 0 12px}.existing-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.existing-heading strong{font-size:.86rem}.existing-heading small{color:var(--muted);font-size:.72rem}.existing-file{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px;transition:opacity .15s,background .15s}.existing-file.will-delete{background:#faf1f1;opacity:.62}.existing-preview{display:grid;width:48px;height:44px;place-items:center;overflow:hidden;border-radius:8px;background:var(--soft);color:var(--muted);font-size:.58rem;font-weight:800}.existing-preview img{width:100%;height:100%;object-fit:cover}.existing-info{display:flex;min-width:0;flex-direction:column;gap:2px}.existing-info strong,.existing-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.existing-info strong{font-size:.8rem}.existing-info small{color:var(--muted);font-size:.69rem}.existing-state{color:var(--ink)!important;font-weight:700}.existing-actions{display:flex;gap:5px}.existing-replace,.existing-remove{display:inline-flex;height:31px;align-items:center;justify-content:center;margin:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 10px;font-size:.72rem;font-weight:700;cursor:pointer}.existing-replace input{position:absolute;width:1px;height:1px;opacity:0}.existing-remove{color:#a44242}@media(max-width:620px){.existing-file{grid-template-columns:42px minmax(0,1fr)}.existing-preview{width:42px;height:40px}.existing-actions{grid-column:1/-1;justify-content:flex-end}}