.event-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.event-media-panel{display:flex;flex-direction:column;gap:18px;overflow:hidden}.event-media-preview{overflow:hidden;border:1px solid rgba(217,182,76,.18);border-radius:18px;background:#13061e}.event-media-preview.is-horizontal{aspect-ratio:16/9}.event-media-preview.is-vertical{aspect-ratio:4/5;max-width:420px}.event-media-preview img{width:100%;height:100%;display:block;object-fit:cover}.event-media-meta{display:grid;gap:6px}.event-media-meta code{color:#f1d370;font-size:12px}.event-media-meta span{color:#d5c8dc;font-size:12px}.event-media-meta small{color:#8f7c99;font-size:10px}.event-media-upload{display:grid;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.event-media-upload small{color:#8f7c99;font-size:10px;line-height:1.6}.event-media-history{margin-top:16px}.event-media-table-wrap{margin-top:18px;overflow:auto}.event-media-table{width:100%;min-width:780px;border-collapse:collapse}.event-media-table th,.event-media-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.event-media-table th{color:#bda4c8;font-size:9px;letter-spacing:.12em}.event-media-table td{color:#e7deea;font-size:11px}.event-media-table code{color:#e5c661}.event-media-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.1em}.event-media-status.is-active{color:#8bd5b4;background:rgba(85,199,154,.09)}.event-media-status.is-archived{color:#ae9bb8;background:rgba(151,126,164,.09)}
@media(max-width:980px){.event-media-grid{grid-template-columns:1fr}.event-media-preview.is-vertical{max-width:360px}}