.asset-card .asset-media > img, .board-preview img, .production-dialog img { cursor: zoom-in; }
.asset-card .asset-media > img:focus-visible, .board-preview img:focus-visible, .production-dialog img:focus-visible { outline: 3px solid #e8a670; outline-offset: 3px; }
.image-inspector { box-sizing: border-box; width: 98vw; max-width: none; height: 96dvh; max-height: 96dvh; padding: 12px; border: 1px solid #786787; border-radius: 10px; color: #eee5d6; background: #100e17; overflow: hidden; }
.image-inspector[open] { display: flex; flex-direction: column; gap: 10px; }
.image-inspector::backdrop { background: #000d; }
.image-inspector header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; flex-shrink: 0; }
.image-inspector-caption { flex: 1 1 180px; overflow-wrap: anywhere; }
.image-inspector button { padding: 8px 12px; color: inherit; background: #292333; border: 1px solid #786787; border-radius: 6px; }
.image-inspector label { display: flex; align-items: center; gap: 8px; }
.image-inspector input { width: 110px; }
.image-inspector-stage { flex: 1; min-height: 0; overflow: auto; background: #08070c; }
.image-inspector-stage img { display: block; max-width: none; max-height: none; margin: auto; object-fit: contain; }
.image-inspector [role=status] { margin: 0; flex-shrink: 0; }
@media (max-width: 600px) { .image-inspector { width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; } .image-inspector-caption { flex-basis: 100%; } }