/* BannerBuilder.Pro: bright, professional promotion studio. */
:root{color-scheme:light;--bb-primary:#1261ad;--bb-secondary:#087f8c;--bb-accent:#087f8c;--bb-neutral-light:#f5f8fa;--bb-neutral-dark:#203349;--bb-surface:#fff;--bb-border:#d2dfe5;--bb-footer-bg:#edf5f6;--bb-footer-text:#203349;--bb-footer-link:#1261ad;--bs-primary:#1261ad;--bs-body-color:#203349;--bs-body-bg:#f5f8fa;--bs-border-color:#d2dfe5;--bs-secondary-color:#536579}
body{background:#f5f8fa;color:#203349;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#17344d;letter-spacing:-.025em}a{color:#1261ad;text-underline-offset:3px}.text-muted,.text-body-secondary{color:#536579!important}.card{border-color:#d2dfe5;border-radius:12px;box-shadow:0 4px 18px #17344d06}.btn{font-weight:600;border-radius:7px}.btn-primary{background:#1261ad;border-color:#1261ad;color:#fff}.btn-primary:hover,.btn-primary:focus-visible{background:#0c4d8c;border-color:#0c4d8c}.btn-outline-primary{color:#1261ad;border-color:#1261ad}.btn-outline-primary:hover{background:#1261ad;color:#fff}.btn-outline-secondary{color:#43576c;border-color:#aebfca;background:#fff}.btn-outline-secondary:hover{color:#203349;background:#eaf1f5;border-color:#829bac}.form-control,.form-select{color:#203349;background-color:#fff;border-color:#aebfca}.form-control:focus,.form-select:focus,.qb-input:focus{border-color:#087f8c;box-shadow:0 0 0 3px #087f8c26}.form-control::placeholder,textarea::placeholder{color:#65778a;opacity:1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087f8c;outline-offset:3px}.bb-btn-primary,.bb-btn-secondary{background:#1261ad;color:#fff}.bb-btn-primary:hover,.bb-btn-secondary:hover{background:#0c4d8c;color:#fff}.bb-nav{border-radius:12px}.bb-eyebrow{background:#e5f4f3;color:#08646e}.bb-logo-dot{color:#087f8c}.bb-footer{background:#edf5f6;color:#203349}.bb-nav-wrap{background:#f5f8faf5}
.qb-landing{max-width:600px;margin:0 auto;color:#203349}.qb-landing header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 28px}.brand-home{display:block;min-width:0}.brand-logo{display:block;width:270px;max-width:100%;height:72px;object-fit:contain;object-position:left center}.qb-landing header>a:last-child{font-size:.95rem;font-weight:600;white-space:nowrap}.qb-audience{font-size:.78rem;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#08707b;margin:0 0 12px}.qb-landing h1{font-size:clamp(2.35rem,7vw,3.5rem);font-weight:800;letter-spacing:-.055em;line-height:1.1;margin:0 0 18px;color:#17344d}.qb-landing h1 span{color:#087f8c}.qb-intro{font-size:1.1rem;line-height:1.65;max-width:530px;margin-bottom:12px}.qb-reassurance{font-size:.9rem;color:#43576c;line-height:1.6;margin-bottom:0}.qb-reassurance span{color:#087f8c;margin:0 5px}.qb-signup{background:#fff;border:1px solid #d2dfe5;border-top:4px solid #087f8c;border-radius:12px;padding:clamp(20px,4vw,30px);margin:26px 0 18px;box-shadow:0 8px 30px #17344d08}.qb-signup h2{font-size:1.3rem;margin-bottom:20px;font-weight:700}.qb-signup .form-control{min-height:46px;font-size:1rem}.qb-signup label{font-size:.92rem;font-weight:600}.qb-signup .mb-3{margin-bottom:14px!important}.qb-signup button{min-height:50px;font-size:1rem}.qb-small{font-size:.82rem;color:#536579;line-height:1.6}.qb-signup p.qb-small{margin-bottom:10px}.qb-landing footer{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;padding:10px 0 20px}.qb-landing .alert{overflow-wrap:anywhere}.qb-shell{padding:12px 0}.qb-bubble{background:#eaf3f5!important;border:1px solid #d2e6e9;border-radius:10px!important}.qb-bubble.qb-you{background:#e9f1fb!important}.qb-shell form.border{background:white;border-color:#d2dfe5!important;border-radius:12px!important}.qb-note{color:#536579}.qb-input{color:#203349;background:#fff}.bb-quote{background:#fff;border-color:#d2dfe5}
.editor-app{background:#edf3f6;color:#203349}.editor-app h1{font-size:1.2rem;color:#17344d;white-space:nowrap}.editor-brand{flex:0 0 32px;line-height:1}.editor-brand img{display:block}.editor-topbar{border-color:#cadbe3;border-radius:10px;box-shadow:0 2px 8px #17344d05}.editor-sidebar-left,.editor-sidebar-right,.editor-stage-wrap{border-color:#cadbe3;border-radius:10px}.editor-sidebar-left h2,.editor-sidebar-right h2{color:#17344d;font-size:1rem;font-weight:700}.editor-sidebar-left h3,.editor-sidebar-right h3{color:#08707b}.editor-app .form-label,.props-section label{color:#344e63;font-weight:600}.editor-app .form-control,.editor-app .form-select{background-color:#fff;border-color:#aebfca;color:#203349}.editor-app .add-btn{background:#eef7f8;color:#08646e;border-color:#b7d9df;font-weight:600;margin-bottom:7px}.editor-app .add-btn:hover{background:#d8edf0;border-color:#087f8c}.editor-app #saveBtn{background:#1261ad;color:#fff;border-color:#1261ad}.editor-app .canvas-stage{background-color:#e6eef2;background-image:radial-gradient(#aebfca 1px,transparent 1px);background-size:16px 16px}.editor-app .canvas-toolbar{background:#f5f9fb;border:1px solid #d2dfe5;border-radius:8px;padding:10px;color:#43576c}.layers-drawer,.editor-howto{background:#f5f9fb}.editor-app #layersList li.is-selected{background:#e5f4f3;border-color:#087f8c;box-shadow:inset 3px 0 #087f8c}.editor-app .layer-name{color:#203349}.editor-app .btn:disabled{opacity:.55}.editor-app .form-control:disabled,.editor-app .form-select:disabled{background:#edf1f4;color:#627388}.editor-app .editor-tooltip{font-size:.82rem}.editor-save-notice{font-weight:600}.editor-app hr{color:#aebfca}
@media(max-width:768px){.qb-landing header{padding-bottom:24px}.brand-logo{width:230px;height:62px}.qb-landing h1{font-size:clamp(2.25rem,8vw,3rem)}.editor-title-wrap{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center}.editor-title-wrap input{grid-column:1/-1}.editor-app .editor-actions{gap:7px}.editor-app .editor-actions .btn{padding:9px 12px;font-size:.85rem}}
@media(max-width:380px){.brand-logo{width:205px;height:55px}.qb-landing header{gap:10px}.qb-signup{padding:18px}.qb-reassurance{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.brand-utility img,.bb-logo img{width:240px;max-width:100%;height:64px;object-fit:contain;object-position:left center}.bb-logo{min-width:0}.editor-topbar .editor-title-wrap{min-width:0}.editor-title-wrap input{min-width:0}

.editor-mobile-jumps{display:none}.editor-animation-preview summary{font-weight:600;color:#43576c;cursor:pointer;padding:4px}.editor-animation-preview[open] summary{margin-bottom:12px}.editor-animation-preview:focus-within{border-color:#087f8c!important}
@media(max-width:1100px){.editor-mobile-jumps{display:flex;flex-basis:100%;gap:8px;order:3}.editor-mobile-jumps a{flex:1;text-align:center;padding:9px 5px;background:#eef7f8;border:1px solid #b7d9df;border-radius:6px;text-decoration:none;font-weight:600;font-size:.85rem;color:#08646e}#editorStage,#editorTools,#editorProperties{scroll-margin-top:12px}}
.qb-landing header{padding-bottom:18px}.qb-signup{margin-top:22px}.qb-landing .qb-audience{margin-bottom:10px}

@media(max-width:768px){.editor-topbar .editor-title-wrap{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center}.editor-topbar .editor-title-wrap h1{font-size:1.15rem}.editor-topbar .editor-title-wrap input{grid-column:1/-1}}