/* Media slots are independent of Tailwind and keep their geometry on every device. */
.editable-media { position: relative; width: 100%; min-width: 0; }
.editable-media-fallback { width: 100%; }
.editable-media-fallback[hidden], .editable-media-content[hidden] { display: none !important; }
.editable-media.has-replacement { aspect-ratio: 580 / 400; display: grid; place-items: center; overflow: hidden; background: #f1f5ff; }
.editable-media[data-media="repair"].has-replacement { aspect-ratio: 480 / 360; }
.editable-media-content { display: block; width: 100%; height: 100%; max-width: 100%; min-width: 0; }
.editable-media[data-media-type="audio"] .editable-media-content { height: 54px; width: calc(100% - 32px); }
[data-content] { white-space: pre-line; }