/* Editor-only controls: never stored in content, never affect the image size. */
.content-html [data-rich-image] { position:relative;display:block;width:fit-content;max-width:100%;margin:24px auto;line-height:0;outline:none; }
.content-html [data-rich-image]>img { margin:0; }
.content-html [data-rich-image]:focus-visible { outline:1px solid #bba1ff;outline-offset:4px; }
.rich-image-actions { position:absolute;right:8px;bottom:8px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 16px);opacity:0;visibility:hidden;transition:opacity .16s,visibility .16s; }
[data-rich-image]:is(:hover,:focus-within,.is-error)>.rich-image-actions { opacity:1;visibility:visible; }
.rich-image-actions .site-action-badge { font-weight:400;font-size:10px;white-space:nowrap; }
[data-rich-image-progress] { position:absolute;inset:auto 0 0;height:3px;background:#090b17dd;overflow:hidden;z-index:3; }
[data-rich-image-progress]::after { content:"";display:block;height:100%;width:var(--upload-progress,0%);min-width:3px;background:#b59aff;box-shadow:0 0 10px #a58af7;transition:width .16s linear; }
[data-rich-image-status] { position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:6px 9px;border:1px solid #a58af755;background:#090b17e6;color:#d6c8f5;font:400 11px/1.4 "GothamPro",sans-serif;pointer-events:none; }
.is-error>[data-rich-image-status] { color:#ff8b9b;border-color:#ff627955; }
.rich-image-drop-marker { position:fixed;z-index:3000;height:2px;background:#bba1ff;box-shadow:0 0 12px #a58af777;pointer-events:none; }
.rich-image-drop-marker::before,.rich-image-drop-marker::after { content:"";position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#c4adff; }
.rich-image-drop-marker::before { left:-4px; }.rich-image-drop-marker::after { right:-4px; }
.rich-image-dialog .site-modal__window { width:min(520px,calc(100vw - 28px)); }
.rich-image-dialog .site-modal__content { display:grid;gap:22px; }
.rich-image-url-hint { margin:-12px 0 0;color:#aaa1bb;font:400 12px/1.6 "GothamPro",sans-serif; }
.rich-image-dialog [data-rich-image-upload][hidden] { display:none; }
.rich-image-frame-choice { display:flex;align-items:center;gap:12px;position:relative;padding:16px;border:1px solid #a58af73b;background:#151126;color:#d9cee8;font:400 14px/1.5 "GothamPro",sans-serif;cursor:pointer; }
@media(hover:none) { .rich-image-actions { opacity:1;visibility:visible; } }
@media(prefers-reduced-motion:reduce) { .rich-image-actions,[data-rich-image-progress]::after { transition:none; } }