.event-banner-field{min-width:0;color:var(--grit-brand,#172844);gap:12px;margin:8px 0;display:grid}.event-banner-heading h3{margin:0 0 6px;font-size:16px}.event-banner-heading h3 span{color:var(--grit-muted,#65706b);margin-left:8px;font-size:12px;font-weight:400}.event-banner-heading p,.event-banner-help,.event-banner-hint,.event-banner-file-info{margin:0;font-size:13px;line-height:1.6}.event-banner-heading p,.event-banner-hint,.event-banner-file-info{color:var(--grit-muted,#65706b)}.event-banner-preview{aspect-ratio:16/9;border:1px dashed var(--grit-line,#d7d9d1);background:var(--grit-soft,#f6f2eb);border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.event-banner-preview.has-image{border-style:solid}.event-banner-preview img{object-fit:contain;width:100%;height:100%;display:block}.event-banner-preview>div{text-align:center;justify-items:center;gap:8px;padding:16px;font-size:13px;display:grid}.event-banner-preview>div strong{font-size:15px}.event-banner-actions{flex-wrap:wrap;gap:10px;display:flex}.event-banner-actions button{border:1px solid var(--grit-line,#d7d9d1);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:inline-flex}.event-banner-actions button:first-child{background:var(--grit-accent,#e9f49b)}.event-banner-actions button:disabled{opacity:.5;cursor:not-allowed}.event-banner-actions button:focus-visible{outline:2px solid var(--grit-brand,#172844);outline-offset:3px}.event-banner-error{color:#a12a27;margin:0;font-size:14px}.event-banner-field input[hidden]{display:none!important}@media (max-width:400px){.event-banner-actions button{flex:1;padding:10px;font-size:13px}}.event-banner-crops>summary{cursor:pointer;background:var(--grit-soft,#f7f3eb);border-radius:8px;min-height:44px;padding:10px}.event-banner-crop-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.event-banner-crop-controls button{border:1px solid var(--grit-line,#d7dcd5);min-height:44px;color:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px 12px}.event-banner-crop-controls button[aria-pressed=true]{background:var(--grit-accent,#e5f28e)}.event-banner-crop-controls label{align-items:center;gap:8px;font-size:13px;display:flex!important}.event-banner-crop-controls input{height:18px;width:18px!important;min-height:0!important}.event-banner-crop-frame{aspect-ratio:16/9;background:var(--grit-soft,#f7f3eb);border-radius:12px;position:relative;overflow:hidden}.event-banner-crop-frame.crop-desktop{aspect-ratio:3}.event-banner-crop-frame img{object-fit:cover;width:100%;height:100%}.event-banner-crop-frame.crop-intact img{object-fit:contain}.event-banner-safe-area{pointer-events:none;border:2px dashed #fff;position:absolute;inset:9%;box-shadow:0 0 0 1px #142d4e}.event-banner-safe-area span{color:#fff;background:#142d4e;padding:4px;font-size:11px;position:absolute;bottom:0;left:0}.event-banner-crops>p{font-size:12px;line-height:1.6}