.image-preview-trigger{padding:4px;border:1px solid var(--line);background:#e9eff2;cursor:zoom-in;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;max-width:100%;border-radius:6px}
.image-preview-trigger:hover{border-color:#866400;box-shadow:0 0 0 1px #866400}.image-preview-trigger img{display:block}
.media-item>.image-preview-trigger{width:100%;border:0;border-radius:0;padding:0}
.asset-option{border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;display:flex;flex-direction:column;background:white}
.asset-option>.image-preview-trigger{width:100%;border:0;border-radius:0}.asset-option .image-preview-trigger img{width:100%;height:130px;object-fit:contain}
.asset-option>.asset-choice{width:100%;flex:1;display:block;font-size:13px;overflow-wrap:anywhere;border-radius:0;text-align:left}.asset-option:has(.asset-choice[aria-pressed=true]){outline:2px solid #8b6809;outline-offset:1px}
.image-preview-open{overflow:hidden}
.image-preview{width:min(1200px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #627785;border-radius:12px;color:white;background:#172630;box-shadow:0 16px 80px #0006;overflow:hidden}
.image-preview[open]{display:flex;flex-direction:column}.image-preview::backdrop{background:#08121be6}
.image-preview>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;flex:none;border-bottom:1px solid #566773}
.image-preview h2{font-size:18px;margin:0;overflow-wrap:anywhere;min-width:0}.image-preview-controls{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.image-preview button:focus-visible,.image-preview-viewport:focus-visible{outline:3px solid #f1ce71;outline-offset:-4px}
.image-preview-viewport{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:contain}
.image-preview-viewport>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex-shrink:0}
.image-preview.is-original .image-preview-viewport{display:block}.image-preview.is-original .image-preview-viewport>img{max-width:none;max-height:none;margin:0 auto}
.image-preview>footer{flex:none;padding:10px 20px;border-top:1px solid #566773}.image-preview-status{margin:0;font-size:14px;line-height:1.5;color:#e1e8ec}.image-preview>footer>button{margin-top:10px}
@media(max-width:700px){.image-preview{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:8px}.image-preview>header{flex-wrap:wrap;padding:12px}.image-preview-controls{width:100%;justify-content:flex-end}.image-preview-controls button{padding:10px 12px}.image-preview-viewport{padding:8px}.image-preview>footer{padding:10px 12px}.image-preview h2{font-size:16px}}