.sc-banner-editor{margin-bottom:16px;padding:20px!important}.sc-banner-editor header h3{margin:0 0 6px;color:var(--ink,#102f50)}.sc-banner-editor header p,.sc-banner-hint,.sc-banner-editor [role=status]{font-size:13px;line-height:1.5;color:var(--muted,#60758a)}.sc-banner-options{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sc-banner-options legend{font-weight:650;font-size:13px;padding-bottom:10px}.sc-banner-options label{position:relative;display:flex;flex-direction:column;border:2px solid #dce7e8;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;color:#102f50}.sc-banner-options label:has(:checked){border-color:#087c73;box-shadow:0 0 0 2px #087c731a}.sc-banner-options label:has(:focus-visible){outline:2px solid #087c73;outline-offset:3px}.sc-banner-options input{position:absolute;top:10px;left:10px;accent-color:#087c73}.sc-banner-options img{width:100%;height:85px;object-fit:cover;object-position:right center}.sc-banner-options span{padding:10px 12px;font-size:13px;line-height:1.4;font-weight:600}.sc-banner-options label:has(:disabled){cursor:default;opacity:.65}.sc-banner-preview{border-radius:14px;overflow:hidden;padding:20px 24px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(90deg,#00465288,#00465244 50%,transparent 80%),var(--sc-project-banner-image) center/cover no-repeat,#004652;color:white;min-height:185px}.sc-banner-preview small{font-size:10px;letter-spacing:1.5px;color:#c5e1e2}.sc-banner-preview strong{font-size:15px;font-weight:650;line-height:1.5;max-width:62%;overflow-wrap:anywhere;text-align:var(--project-name-align,left)}.sc-banner-preview>span:not(.sc-banner-example-button){font-size:12px;color:#bde4df}.sc-banner-example-button{font-size:12px;align-self:flex-start;border:1px solid #a7d4d2;border-radius:22px;padding:7px 15px;color:white;background:#00374466}.sc-banner-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.sc-banner-actions button:disabled{opacity:.5;cursor:default}@media(max-width:900px){.sc-banner-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-banner-preview strong{max-width:80%}}@media(max-width:600px){.sc-banner-editor{padding:16px!important}.sc-banner-options img{height:70px}.sc-banner-options span{font-size:12px}.sc-banner-preview{padding:98px 16px 16px;background:linear-gradient(to bottom,transparent 0,#004652 105px),var(--sc-project-banner-image) right top/160% auto no-repeat,#004652}.sc-banner-preview strong{max-width:100%;font-size:14px}.sc-banner-example-button{align-self:stretch;text-align:center}}
