#homeBannersView{font-size:16px}.banner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.banner-heading h2{margin-bottom:6px}.banner-heading p,.banner-muted,.banner-library p{color:var(--muted)}.banner-notice{padding:16px;background:#eaf5ee;border-radius:14px;line-height:1.6}.banner-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);gap:22px;align-items:start}.banner-editor,.banner-library{padding:22px}.banner-editor label{display:grid;gap:7px;margin:16px 0;font-size:14px;font-weight:600}.banner-editor label[hidden]{display:none}.banner-editor input,.banner-editor select{font:inherit;padding:12px;border:1px solid #bfd1c5;border-radius:10px;width:100%;box-sizing:border-box}.banner-editor small{font-weight:400;color:var(--muted);line-height:1.5}.banner-preview{aspect-ratio:8/3;display:grid;place-items:center;background:#eff6f1;border:1px dashed #a3bdae;border-radius:16px;overflow:hidden}.banner-preview img{width:100%;height:100%;object-fit:contain}.banner-preview img[hidden],.banner-preview span[hidden]{display:none}.banner-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.banner-editor .banner-check{display:flex;align-items:center}.banner-check input{width:20px;height:20px}.banner-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}#homeBannersView button{padding:11px 16px;border-radius:10px;border:1px solid #bdd0c3;background:white;color:var(--green);font:inherit;font-weight:600;cursor:pointer}#homeBannersView button.primary{background:var(--green);color:white}#homeBannersView button:disabled{opacity:.5;cursor:wait}.banner-item{padding:16px 0;border-top:1px solid var(--line)}.banner-item img{width:100%;aspect-ratio:8/3;object-fit:contain;border-radius:14px;background:#f1f6f2}.banner-item b,.banner-item small,.banner-item span{display:block;margin-top:7px;overflow-wrap:anywhere}.banner-item small{font-size:13px;color:var(--muted)}#bannerFormStatus{line-height:1.6;color:#135735;overflow-wrap:anywhere}#homeBannersView :focus-visible{outline:3px solid #45a76b;outline-offset:3px}@media(max-width:1050px){.banner-layout{grid-template-columns:1fr}}@media(max-width:600px){.banner-heading{align-items:stretch;flex-direction:column}.banner-editor,.banner-library{padding:16px}}