[data-media-crop] img, [data-media-crop] video { object-position: var(--media-focus-x, 50%) var(--media-focus-y, 50%) !important; }
.signage-text-box > .content { width: 100%; min-width: 0; flex: 0 0 auto; height: auto; max-height: 100%; }
.signage-text-box[data-text-overflow="1"] { outline: 2px dashed #d97706; outline-offset: 2px; }
.signage-qr { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.signage-qr svg { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.signage-qr-empty { padding: 10px; color: #334155; background: #fff; font-size: 14px; text-align: center; }