.home-banner-editor{padding:28px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr);gap:28px;color:var(--ink)}
.banner-editor-fields{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.banner-editor-fields h2,.banner-editor-preview h3{margin:0;font-size:20px}
.banner-editor-fields p{margin:0 0 10px;color:var(--muted);line-height:1.6}
.banner-editor-fields label{font-weight:700;margin-top:10px}
.banner-editor-fields textarea{width:100%;box-sizing:border-box;border:1px solid #9eafc4;border-radius:6px;padding:12px;resize:vertical;min-height:128px;font:inherit;line-height:1.65;color:inherit;background:#fff}
.banner-editor-fields input{max-width:100%;font:inherit;font-size:14px}
.banner-editor-fields small{color:var(--muted);line-height:1.6}
.banner-editor-fields :focus-visible{outline:2px solid #2463ae;outline-offset:3px}
.banner-editor-preview{min-width:0;align-self:center}
.managed-banner-preview{display:grid;grid-template-columns:minmax(0,1fr) 32%;align-items:center;gap:10px;overflow:hidden;padding-left:24px;min-height:190px;margin-top:18px;border:1px solid rgba(65,94,128,.35);border-radius:8px;background:linear-gradient(115deg,#fff 0%,#f0f5fa 55%,#dfeaf4 100%)}
.managed-banner-preview>div{min-width:0;position:relative;z-index:1;container-type:inline-size}
#home-banner-preview-text{white-space:pre-line;overflow-wrap:anywhere;font-size:clamp(14px,5.5cqi,30px);font-weight:700;line-height:1.5}
#home-banner-preview-image{width:100%;height:190px;object-fit:contain;transform:translateX(-8px) scale(1.55);filter:drop-shadow(0 8px 8px rgba(49,65,83,.1))}
.banner-editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;border-top:1px solid #dce4ee;padding-top:20px}
#home-banner-error,#home-banner-feedback{grid-column:1/-1;margin:0;line-height:1.6}
#home-banner-error{color:#a32a32}
#home-banner-feedback:empty{display:none}
#view-home .office-banner h1{overflow-wrap:anywhere}
.settings-tabs{flex-wrap:wrap}
@media(max-width:760px){.home-banner-editor{grid-template-columns:minmax(0,1fr);padding:18px;gap:22px}.managed-banner-preview{padding-left:16px}.banner-editor-preview h3{font-size:18px}}