#msfAdControls {width:min(620px,calc(100% - 24px))!important;max-height:calc(100dvh - 32px)!important;padding:24px!important;background:#111925!important;color:#f0f2f7!important;border:1px solid #344356!important;border-radius:16px!important;font:400 14px/1.5 Outfit,system-ui,sans-serif!important;box-shadow:0 24px 80px #0008;}
#msfAdControls::backdrop {background:#03060bb3;}
#msfAdControls * {box-sizing:border-box;}
#msfAdControls h2 {font:700 24px/1.2 Outfit,system-ui,sans-serif;margin:0 80px 8px 0;}
#msfAdControls p {font:400 14px/1.5 Outfit,system-ui,sans-serif;color:#aebbcf;margin:8px 0 16px;}
#msfAdControls button,#msfAdControls input,#msfAdControls select {font:500 14px/1.3 Outfit,system-ui,sans-serif!important;color:#edf2fb!important;border:1px solid #3b4c63!important;border-radius:8px;background:#1c2838;min-height:44px;padding:10px 12px;}
#msfAdControls button {cursor:pointer;transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms ease;}
#msfAdControls button:active {transform:scale(.97);}
#msfAdControls :focus-visible {outline:2px solid #54cce6;outline-offset:3px;}
#msfAdControls > button {position:absolute;top:16px;right:16px;margin:0!important;}
#msfAdControls .ad-primary {background:#b71931;border-color:#d83c54!important;font-weight:600!important;}
#msfAdControls .ad-preview-actions {display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:24px 0;}
#msfAdControls .ad-preview-actions label {display:grid;gap:8px;min-width:0;}
#msfAdControls select {width:100%;font-size:16px!important;}
#msfAdControls fieldset {margin:0!important;padding:20px 0 0!important;border:0!important;border-top:1px solid #344356!important;border-radius:0!important;}
#msfAdControls legend {font-size:17px;font-weight:600;padding:0 8px 0 0;}
#msfAdControls fieldset label {font-size:14px;}
#msfAdControls input[type=checkbox] {min-height:0;width:18px;height:18px;vertical-align:middle;accent-color:#df354c;margin-right:8px;}
#msfAdControls input[type=number] {font-size:16px!important;text-align:center;width:88px!important;}
#msfAdControls fieldset > label:nth-of-type(2) {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;}
#msfAdControls button:disabled {opacity:.5;cursor:wait;}
@media(max-width:480px){#msfAdControls {padding:18px!important;}#msfAdControls .ad-preview-actions {grid-template-columns:1fr;}#msfAdControls .ad-preview-actions button {width:100%;}}
@media(prefers-reduced-motion:reduce){#msfAdControls button {transition:none;}}
#msfPublicAd {width:100%;position:relative;}
#msfPublicAd .device {border:0!important;border-radius:0!important;max-width:100%!important;}
#msfPublicAd .ad {max-width:none;}
#msfPublicAd .msf-ad-preview-bar {display:flex;justify-content:center;align-items:center;gap:16px;background:#172232;color:#aebbcf;font:400 12px/1.3 Outfit,system-ui,sans-serif;}
#msfPublicAd .msf-ad-preview-bar button {min-height:36px;border:0;background:transparent;color:#f0f2f7;font:500 12px Outfit,system-ui,sans-serif;cursor:pointer;text-decoration:underline;}
body[data-msf-design] {--msf-header-top:18px;--msf-header-size:44px;}
body[data-msf-design] #msfTopNav {margin-top:18px!important;height:44px!important;min-height:44px!important;}
body[data-msf-design] :is(#hamburgerBtn,#cruSettingsBtn) {top:var(--msf-header-top)!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}
body[data-msf-design] .msf-nav-brand {min-height:44px;align-items:center;}
body[data-msf-design] #hamburgerMenu {top:calc(var(--msf-header-top) + 54px)!important;max-height:calc(100dvh - var(--msf-header-top) - 72px)!important;}
html body[data-msf-design].msf-public-ad #msfTopNav {margin-top:18px!important;}
/* Keep each mobile promotion in one horizontal row, including its action. */
@media(max-width:600px){
 #msfPublicAd #toonr-field-ads .ad,#msfPublicAd #msfbase-promo .ad {grid-template-columns:44px minmax(0,1fr) 88px;gap:10px;min-height:90px;padding:10px 12px;align-items:center;}
 #msfPublicAd #msfbase-promo .ad:not(.support) {grid-template-columns:72px minmax(0,1fr) 88px;}
 #msfPublicAd #toonr-field-ads .ad>img,#msfPublicAd #msfbase-promo .ad .identity {grid-column:1;grid-row:1;align-self:center;}
 #msfPublicAd #toonr-field-ads .ad>img,#msfPublicAd #msfbase-promo .support-galea {width:44px;height:44px;}
 #msfPublicAd #toonr-field-ads .copy,#msfPublicAd #msfbase-promo .copy {grid-column:2;grid-row:1;min-width:0;text-align:left;}
 #msfPublicAd #toonr-field-ads .ad>a,#msfPublicAd #msfbase-promo .ad>a {grid-column:3;grid-row:1;justify-self:stretch;align-self:center;min-width:0;max-width:none;min-height:44px;padding:8px 6px;font-size:11px;line-height:1.25;text-align:center;white-space:normal;}
 #msfPublicAd .ad>a svg {display:none;}
 #msfPublicAd #toonr-field-ads strong {font-size:24px;}
 #msfPublicAd #toonr-field-ads .energy strong {font-size:21px;}
 #msfPublicAd #toonr-field-ads .eyebrow {font-size:9px;letter-spacing:.02em;}
 #msfPublicAd #toonr-field-ads p,#msfPublicAd #msfbase-promo p {font-size:11px;line-height:1.3;}
 #msfPublicAd #msfbase-promo strong,#msfPublicAd #msfbase-promo .support strong {font-size:17px;line-height:1.15;}
 #msfPublicAd #msfbase-promo .wordmark {font-size:16px;line-height:1.15;}
 #msfPublicAd #msfbase-promo .relationship {font-size:9px;}
}
@media(max-width:350px){
 #msfPublicAd #toonr-field-ads .ad,#msfPublicAd #msfbase-promo .ad {gap:8px;padding-inline:8px;grid-template-columns:38px minmax(0,1fr) 80px;}
 #msfPublicAd #msfbase-promo .ad:not(.support) {grid-template-columns:64px minmax(0,1fr) 80px;}
 #msfPublicAd #toonr-field-ads .ad>img,#msfPublicAd #msfbase-promo .support-galea {width:38px;height:38px;}
}