.board-banner { text-align: center; margin: 0 auto 1rem; }
.board-banner[hidden], #banner-editor[hidden] { display: none; }
.board-banner img { display: block; width: 300px; height: auto; max-width: 100%; margin: auto; }
.banner-fields { border: 0; padding: 0; margin: 0; display: grid; gap: 0.75rem; min-width: 0; }
.banner-fields > label { display: grid; gap: 0.3rem; max-width: 32rem; }
.banner-form-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
#banner-current-image { display: block; max-width: 100%; height: auto; }
#banner-canvas { display: block; width: 300px; max-width: 100%; height: auto; border: 1px solid var(--border); cursor: move; touch-action: none; background: #fff; }
.banner-adjustments { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.5rem; }
.banner-adjustments label { display: grid; gap: 0.25rem; }
#banners-table { min-width: 34rem; }
#banners-table td { vertical-align: middle; }
#banners-table td:first-child { width: 320px; }
#banners-table td:last-child { width: 12rem; }
#banners-table td:last-child button { margin: 0.2rem; }
#banners-table img { display: block; width: 300px; height: 100px; }
#banners-table .banner-destination { overflow-wrap: anywhere; }