.event-crop-preview[hidden], .event-crop-dialog[hidden] { display: none !important; }
.event-crop-preview { display: grid; gap: 12px; margin-top: 16px; max-width: 480px; }
.event-crop-preview img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; border: 1px solid var(--border-primary, #d1e2df); }
.event-crop-preview .btn { justify-self: start; }
.event-crop-open { overflow: hidden; }
.event-crop-dialog { position: fixed; z-index: 999999; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(8, 24, 31, .76); }
.event-crop-dialog__panel { width: min(100%, 950px); max-height: min(94vh, 920px); overflow: auto; padding: clamp(18px, 3vw, 32px); border-radius: 18px; background: var(--bg-primary, #fff); color: var(--text-primary, #102b34); box-shadow: 0 24px 72px rgba(0,0,0,.3); }
.event-crop-dialog__panel h2 { margin: 0 0 8px; }
.event-crop-dialog__panel p { margin: 0 0 16px; }
.event-crop-dialog__stage { min-height: 260px; max-height: 62vh; overflow: hidden; background: #102b34; }
.event-crop-dialog__stage img { display: block; max-width: 100%; max-height: 62vh; margin: auto; }
.event-crop-dialog__actions { display: flex; justify-content: flex-end; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
@media (max-width: 600px) { .event-crop-dialog { padding: 8px; } .event-crop-dialog__stage { max-height: 52vh; } .event-crop-dialog__stage img { max-height: 52vh; } }