.ofb770-auction,.ofb770-center,.ofb770-creator,.ofb770-trust-center{background:#fff;border:1px solid #dce5eb;border-radius:24px;box-shadow:0 18px 50px rgba(16,44,65,.08);padding:28px;margin:28px 0;color:#17334d}.ofb770-auction-top,.ofb770-bid-kpis,.ofb770-center-tabs,.ofb770-trust-cards{display:flex;gap:14px;align-items:center}.ofb770-auction-top{justify-content:space-between}.ofb770-auction-top h2{margin:4px 0 8px;font-size:30px}.ofb770-trust{display:flex;gap:7px;flex-wrap:wrap}.ofb770-trust span{font-size:12px;font-weight:800;background:#eef7f2;color:#197044;padding:6px 9px;border-radius:99px}.ofb770-watch{border:1px solid #d6e0e7;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:800}.ofb770-watch.is-active{background:#fff0f0;color:#b72828}.ofb770-bid-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0}.ofb770-bid-kpis>div{background:#f5f8fa;border-radius:16px;padding:18px}.ofb770-bid-kpis span{display:block;font-size:12px;color:#647784;font-weight:800}.ofb770-bid-kpis strong{display:block;font-size:25px;margin-top:6px}.ofb770-bid-form{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;background:#f7fafc;padding:20px;border-radius:18px}.ofb770-bid-form label:first-child{display:flex;flex-direction:column;gap:7px}.ofb770-bid-form input[type=number]{font-size:23px;padding:13px;border:1px solid #bdcbd5;border-radius:10px}.ofb770-bid-form small{color:#61737f}.ofb770-bid-form .ofb-auction-binding{grid-column:1/-1}.ofb770-fair,.ofb770-reserve{margin-top:14px;padding:13px 16px;border-radius:12px;background:#fff6e9}.ofb770-fair strong,.ofb770-fair span{display:block}.ofb770-fair span{font-size:13px;margin-top:3px}.ofb770-reserve{background:#fff3f3;color:#9d2b2b;font-weight:800}.ofb770-reserve.is-met{background:#eef8f1;color:#187044}.ofb770-history{margin-top:18px}.ofb770-history summary{cursor:pointer;font-weight:800}.ofb770-history p{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:9px 0;border-bottom:1px solid #edf1f4;margin:0}.ofb770-center-tabs{margin:12px 0 24px;flex-wrap:wrap}.ofb770-center-tabs a{padding:9px 12px;background:#edf4f8;border-radius:99px;text-decoration:none;font-weight:800}.ofb770-center section{margin:28px 0}.ofb770-center-list{display:grid;gap:8px}.ofb770-center-list>a{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:20px;align-items:center;border:1px solid #e0e8ed;border-radius:14px;padding:14px;text-decoration:none;color:inherit}.ofb770-center-list>a div span{display:block;font-size:12px;color:#697b87}.ofb770-creator-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.ofb770-creator-grid aside{display:flex;flex-direction:column;gap:12px}.ofb770-creator select,.ofb770-creator input{width:100%;padding:11px;border:1px solid #cbd7df;border-radius:10px}.ofb770-format{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ofb770-format button{padding:9px;border:1px solid #d4dfe6;background:#fff;border-radius:9px;font-weight:800}.ofb770-format button.is-active{background:#173d58;color:#fff}.ofb770-creator canvas{display:block;width:100%;max-height:700px;object-fit:contain;background:#071d31;border-radius:18px}.ofb770-social-copy{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ofb770-social-copy>div{grid-column:1/-1}.ofb770-social-copy article{border:1px solid #dce5eb;border-radius:16px;padding:14px}.ofb770-social-copy textarea{width:100%;min-height:230px;border:0;background:#f6f9fb;padding:12px;resize:vertical}.ofb770-social-copy button{margin-top:8px}.ofb770-hashtags{margin-top:16px;background:#f4f8fa;border-radius:14px;padding:16px}.ofb770-trust-score{text-align:center;background:#173d58;color:#fff;padding:15px 22px;border-radius:18px}.ofb770-trust-score strong{font-size:30px;display:block}.ofb770-trust-cards{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0}.ofb770-trust-cards>div{padding:18px;border:1px solid #e0e8ed;border-radius:16px}.ofb770-trust-cards b,.ofb770-trust-cards strong,.ofb770-trust-cards span{display:block}.ofb770-trust-cards b{font-size:22px}.ofb770-trust-cards .ok{background:#f0faf4;border-color:#bfe4ce}.ofb770-trust-cards .todo{background:#fff8ec;border-color:#f0d8ae}.ofb770-k3-camera{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.ofb770-k3-camera button{border:1px solid #c8d5de;background:#fff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.ofb770-k3-camera small{width:100%;color:#657984}.ofb52-canvas-wrap[data-k52-panel="3d"] canvas{cursor:grab;touch-action:none}.ofb52-canvas-wrap[data-k52-panel="3d"] canvas:active{cursor:grabbing}@media(max-width:900px){.ofb770-bid-kpis,.ofb770-trust-cards{grid-template-columns:repeat(2,1fr)}.ofb770-creator-grid{grid-template-columns:1fr}.ofb770-social-copy{grid-template-columns:1fr}.ofb770-bid-form{grid-template-columns:1fr}.ofb770-center-list>a{grid-template-columns:1fr}.ofb770-auction,.ofb770-center,.ofb770-creator,.ofb770-trust-center{padding:18px;border-radius:18px}}@media(max-width:520px){.ofb770-bid-kpis,.ofb770-trust-cards{grid-template-columns:1fr}}
.ofb770-auction-views{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.ofb770-auction-views a{padding:9px 14px;border-radius:999px;border:1px solid #d5e0e7;background:#fff;color:#17334d;text-decoration:none;font-weight:800}.ofb770-auction-views a.is-active{background:#173d58;color:#fff;border-color:#173d58}.ofb770-kitchen-center{background:#fff;border:1px solid #dce5eb;border-radius:24px;box-shadow:0 18px 50px rgba(16,44,65,.08);padding:28px;margin:28px 0;color:#17334d}
/* 7.7.1 Creator & Marketing Studio PRO */
.ofb771-marketing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 26px;padding:6px;background:#f1f5f7;border-radius:16px}.ofb771-marketing-tabs a{padding:11px 15px;border-radius:11px;text-decoration:none;color:#29475d;font-weight:850}.ofb771-marketing-tabs a.active{background:#173d58;color:#fff;box-shadow:0 6px 18px rgba(23,61,88,.18)}
.ofb771-scorebar{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(300px,2fr);gap:16px;align-items:center;background:#f7fafb;border:1px solid #dbe5ea;border-radius:18px;padding:15px 18px;margin-bottom:20px}.ofb771-scorebar>div:first-child strong{display:block;font-size:26px}.ofb771-scorebar>div:first-child span{font-size:12px;color:#697c88;font-weight:800}.ofb771-score-track{height:10px;background:#dfe7eb;border-radius:99px;overflow:hidden}.ofb771-score-track i{height:100%;display:block;background:linear-gradient(90deg,#173d58,#f26a13);border-radius:99px}.ofb771-checks{display:flex;gap:7px;flex-wrap:wrap}.ofb771-checks span{font-size:11px;font-weight:850;padding:5px 8px;border-radius:99px}.ofb771-checks .ok{background:#e8f7ef;color:#147044}.ofb771-checks .todo{background:#fff3e6;color:#94501f}
.ofb771-editor{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px}.ofb771-controls{display:flex;flex-direction:column;gap:14px}.ofb771-controls section{border:1px solid #dbe5ea;border-radius:16px;padding:15px;background:#fff}.ofb771-controls h3{margin:0 0 12px;font-size:15px}.ofb771-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;margin:9px 0}.ofb771-controls input,.ofb771-controls select,.ofb771-brand input,.ofb771-campaign-save input{width:100%;padding:10px;border:1px solid #cbd8df;border-radius:9px;background:#fff}.ofb771-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ofb771-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.ofb771-template-grid button{border:1px solid #d5e0e6;background:#fff;padding:9px;border-radius:9px;font-weight:800;font-size:12px}.ofb771-template-grid button.is-active{background:#173d58;color:#fff}.ofb771-actions{display:grid;gap:7px}.ofb771-preview{position:sticky;top:18px;align-self:start;min-width:0}.ofb771-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#6a7d89;font-size:11px;font-weight:900;letter-spacing:.06em}.ofb771-preview canvas{display:block;width:100%;max-height:760px;object-fit:contain;background:#071d31;border-radius:18px;box-shadow:0 22px 55px rgba(11,31,46,.16)}
.ofb771-campaign-save{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,1.4fr) 1fr 1fr 1.4fr auto;gap:12px;align-items:end;margin-top:10px;background:#f5f8fa;border:1px solid #dbe5ea;padding:18px;border-radius:18px}.ofb771-campaign-save h3{margin:2px 0}.ofb771-campaign-save label{font-size:12px;font-weight:800}.ofb771-campaign-save fieldset{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}.ofb771-campaign-save fieldset label{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #dce5e9;border-radius:99px;padding:7px 9px}.ofb771-campaign-save fieldset input{width:auto}.ofb771-social-copy{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:6px}.ofb771-social-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end}.ofb771-social-head h2{margin:3px 0}.ofb771-social-head label{font-size:12px;font-weight:800}.ofb771-social-copy article{border:1px solid #dce5eb;border-radius:16px;padding:14px}.ofb771-social-copy textarea{width:100%;min-height:245px;border:0;background:#f6f9fb;padding:12px;resize:vertical;border-radius:10px}.ofb771-social-copy button{margin-top:8px}.ofb771-hashtags{grid-column:1/-1;display:grid;grid-template-columns:260px 1fr auto;gap:12px;align-items:center;background:#f4f8fa;border-radius:15px;padding:16px}.ofb771-hashtags strong,.ofb771-hashtags small{display:block}.ofb771-hashtags textarea{width:100%;min-height:76px;padding:10px;border:1px solid #d4e0e7;border-radius:10px;resize:vertical}.ofb771-performance{margin-top:24px;border-top:1px solid #e1e9ed;padding-top:22px}.ofb771-performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ofb771-performance-grid>div{background:#f5f8fa;border-radius:14px;padding:16px}.ofb771-performance-grid span,.ofb771-performance-grid strong{display:block}.ofb771-performance-grid span{font-size:12px;color:#677c88;font-weight:800}.ofb771-performance-grid strong{font-size:26px;margin-top:5px}
.ofb771-section-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.ofb771-section-head h2{margin:3px 0}.ofb771-section-head p{margin:4px 0;color:#637784}.ofb771-campaign-list{display:grid;gap:10px}.ofb771-campaign-list article{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(180px,1fr) auto;align-items:center;gap:15px;border:1px solid #dde6eb;border-radius:15px;padding:15px}.ofb771-campaign-list h3,.ofb771-campaign-list p{margin:2px 0}.ofb771-campaign-state{font-size:10px;font-weight:900;padding:7px 9px;border-radius:99px;background:#e9f5ee;color:#187044}.ofb771-campaign-state.scheduled{background:#edf2ff;color:#335aa8}.ofb771-channel-pills{display:flex;gap:5px;flex-wrap:wrap}.ofb771-channel-pills span{font-size:10px;background:#f1f5f7;padding:5px 7px;border-radius:99px}.ofb771-campaign-actions{display:flex;gap:10px}.ofb771-campaign-actions a{text-decoration:none;font-weight:800}.ofb771-campaign-actions .danger{color:#a42d2d}
.ofb771-brand-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.ofb771-brand-preview{min-height:260px;border-radius:20px;border:1px solid #dce5ea;background:#f5f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px}.ofb771-brand-preview img{max-width:210px;max-height:100px;object-fit:contain}.ofb771-brand-preview>span{width:72%;height:26px;border-radius:99px}.ofb771-brand-fields{display:grid;gap:8px}.ofb771-brand-fields label{font-size:12px;font-weight:800}.ofb771-brand-fields input[type=color]{height:48px;padding:4px}
.ofb771-publish-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ofb771-publish-grid article{border:1px solid #dde6eb;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:9px}.ofb771-publish-grid article>b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#173d58;color:#fff}.ofb771-publish-grid h3{margin:0}.ofb771-publish-grid span{font-size:12px;color:#687b87}.ofb771-publish-grid .connected{background:#eff9f3;border-color:#bce2ca}.ofb771-oauth-ready{font-weight:850;color:#7a5b24!important}.ofb771-security-note{margin-top:18px;border-left:4px solid #173d58;background:#f4f8fa;padding:15px 18px;border-radius:0 13px 13px 0}.ofb771-security-note p{margin:5px 0}.ofb771-publish-flow{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:28px 0}.ofb771-publish-flow>div{display:flex;align-items:center;gap:8px}.ofb771-publish-flow b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f26a13;color:#fff}.ofb771-publish-flow span{font-weight:800}
@media(max-width:1100px){.ofb771-editor{grid-template-columns:320px minmax(0,1fr)}.ofb771-campaign-save{grid-template-columns:1fr 1fr}.ofb771-campaign-save>div,.ofb771-campaign-save fieldset{grid-column:1/-1}.ofb771-publish-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.ofb771-scorebar,.ofb771-editor,.ofb771-brand-grid{grid-template-columns:1fr}.ofb771-preview{position:relative;top:auto;order:-1}.ofb771-social-copy{grid-template-columns:1fr}.ofb771-hashtags{grid-template-columns:1fr}.ofb771-performance-grid{grid-template-columns:repeat(2,1fr)}.ofb771-campaign-list article{grid-template-columns:1fr}.ofb771-publish-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ofb771-two,.ofb771-template-grid,.ofb771-campaign-save,.ofb771-performance-grid,.ofb771-publish-grid{grid-template-columns:1fr}.ofb771-marketing-tabs{display:grid;grid-template-columns:1fr 1fr}.ofb771-section-head,.ofb771-social-head{align-items:flex-start;flex-direction:column}.ofb771-publish-flow{align-items:flex-start;flex-direction:column}.ofb771-publish-flow>i{transform:rotate(90deg)}}

/* OFB 7.8.7 Marketing Intelligence + typography + flyer */
.ofb786-typography{margin-top:12px;padding:12px;border:1px solid #dce6eb;border-radius:13px;background:#f8fafb}.ofb786-typography>strong{display:block;margin-bottom:5px;color:#173d58}.ofb786-copy-lab{grid-column:1/-1;margin-top:18px;border:1px solid #dce6eb;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#f8fafb)}.ofb786-copy-lab h2{margin:4px 0 8px}.ofb786-copy-lab p{margin:0;color:#627886;line-height:1.55}.ofb786-copy-frameworks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.ofb786-copy-frameworks article{border:1px solid #dce6eb;border-radius:14px;padding:13px;background:#fff;min-width:0}.ofb786-copy-frameworks article b{display:block;color:#173d58}.ofb786-copy-frameworks article p{font-size:12px;white-space:normal;margin:8px 0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.ofb786-copy-frameworks button,.ofb786-clip-ideas button,.ofb786-platform-tags button{border:1px solid #cad8df;background:#fff;border-radius:9px;padding:8px 10px;font-weight:850;cursor:pointer}.ofb786-copy-frameworks button:hover,.ofb786-clip-ideas button:hover,.ofb786-platform-tags button:hover{border-color:#f26a13}.ofb786-clip-ideas{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.ofb786-clip-ideas>strong{grid-column:1/-1}.ofb786-hashtag-lab{display:grid!important;grid-template-columns:260px minmax(240px,1fr) auto!important}.ofb786-interest-terms,.ofb786-platform-tags{grid-column:1/-1}.ofb786-interest-terms{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.ofb786-interest-terms b{width:100%}.ofb786-interest-terms span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #d7e2e8;font-size:11px;font-weight:800;color:#425f71}.ofb786-platform-tags{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.ofb786-platform-tags article{background:#fff;border:1px solid #dbe5ea;border-radius:12px;padding:10px;min-width:0}.ofb786-platform-tags textarea{min-height:92px!important;font-size:11px}.ofb786-platform-tags button{width:100%}.ofb771-controls input[type=range]{padding:0;border:0}.ofb771-controls select[data-creator-font]{font-weight:750}
@media(max-width:1200px){.ofb786-copy-frameworks,.ofb786-platform-tags{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.ofb786-copy-frameworks,.ofb786-platform-tags{grid-template-columns:1fr 1fr}.ofb786-hashtag-lab{grid-template-columns:1fr!important}.ofb786-hashtag-lab>*{grid-column:1!important}}
@media(max-width:520px){.ofb786-copy-frameworks,.ofb786-platform-tags,.ofb786-clip-ideas{grid-template-columns:1fr}}
/* OFB 7.8.7 – active vehicle source + mouse/touch text layout editor */
.ofb787-active-source{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;margin-top:10px;padding:10px;border:1px solid #d8e4ea;border-radius:13px;background:linear-gradient(135deg,#f8fbfd,#fff8f2);box-shadow:0 7px 18px rgba(16,48,70,.05)}
.ofb787-active-source img{width:78px;height:58px;object-fit:cover;border-radius:9px;background:#e9eff3}
.ofb787-active-source span{display:block;font-size:10px;font-weight:950;letter-spacing:.1em;color:#f26a13}
.ofb787-active-source strong{display:block;margin:2px 0 3px;color:#173d58;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.ofb787-active-source small{display:block;color:#6a7f8d;white-space:normal}
.ofb787-layout-editor{margin-top:12px;padding:12px;border:1px solid #d7e3e9;border-radius:13px;background:#f8fafb}
.ofb787-layout-editor>strong{display:block;color:#173d58;margin-bottom:7px}.ofb787-switch{display:flex!important;align-items:flex-start;gap:8px;font-weight:800!important;color:#375568!important}.ofb787-switch input{width:auto!important;margin-top:3px}
.ofb787-layout-editor>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}.ofb787-layout-editor button{border:1px solid #cbd9e0;background:#fff;border-radius:9px;padding:8px 10px;font-weight:850;color:#173d58;cursor:pointer}.ofb787-layout-editor button:hover{border-color:#f26a13;color:#c94d00}.ofb787-layout-editor span{flex:1 1 220px;font-size:11px;line-height:1.45;color:#667c89}
.ofb771-preview canvas[data-creator-canvas]{max-width:100%;height:auto;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab}
@media(max-width:760px){.ofb787-active-source{grid-template-columns:64px minmax(0,1fr)}.ofb787-active-source img{width:64px;height:50px}.ofb787-layout-editor>div{display:grid;grid-template-columns:1fr}.ofb787-layout-editor button{width:100%}}