.mfHeroComposer[hidden],.mfHeroImage[hidden],.mfHeroSettings [hidden]{display:none}
.mfHeroSettings{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.mfHeroSettings label{flex:1;min-width:180px}.mfHeroSettings select,.mfHeroSettings input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #667080;border-radius:10px;background:#10141d;color:#fff;font:inherit}.mfHeroSettings select:focus-visible,.mfHeroSettings input:focus-visible{outline:2px solid #facc15}.mfHeroSettings select:disabled{opacity:.65}#mf-hero-workflow-note{color:#b9c1cf;font-size:13px}.mfHeroModes{flex-wrap:wrap}
.mfInteractiveHero .mfHero{min-height:0}.mfInteractiveHero .mfHeroContent{padding:28px 24px 24px}
.mfInteractiveHero .mfHero h1{max-width:none;margin:6px auto 10px;font-size:clamp(32px,4vw,58px);line-height:1.08;text-align:center;text-wrap:wrap}
.mfInteractiveHero .mfHero h1 em{display:inline;color:var(--accent)}
.mfInteractiveHero .mfEyebrow{display:block;text-align:center}
.mfInteractiveHero .mfHeroLead{max-width:none;margin:0 auto 14px;text-align:center}
.mfInteractiveHero .mfHeroActions,.mfInteractiveHero .mfHeroNote{display:none}
.mfHeroComposer{max-width:960px;margin:14px auto 0;padding:22px 24px;background:linear-gradient(130deg,#1c202beb,#0b0e16f2);border:1px solid #e8ca6a;border-radius:22px;box-shadow:0 0 0 3px #facc1510,0 20px 60px #0008;backdrop-filter:blur(12px)}
.mfHeroModes{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.mfHeroModes button{font:700 15px inherit;color:#e8eaf0;background:transparent;border:1px solid #454955;border-radius:40px;padding:12px 26px;cursor:pointer}.mfHeroModes button[aria-pressed=true]{color:#ffdf5a;background:#facc1520;border-color:#facc15}
.mfHeroComposer textarea{display:block;width:100%;min-height:105px;resize:vertical;font:inherit;color:#fff;background:#080c1499;border:1px solid #667080;border-radius:14px;padding:18px;outline-offset:3px}.mfHeroComposer textarea:focus{outline:2px solid #facc15}.mfHeroComposer textarea::placeholder{color:#c0c6d2}
.mfHeroComposer label{display:block;font-size:13px;margin-bottom:8px;color:#dce1eb}.mfHeroComposerFooter{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:16px}.mfHeroExamples{display:flex;gap:7px;flex-wrap:wrap}.mfHeroExamples button,.mfHeroImage button{border:1px solid #454955;border-radius:30px;background:#151b26;color:#e6e9f0;padding:8px 12px;cursor:pointer}.mfHeroComposer .mfBtn{border:0;cursor:pointer;white-space:nowrap}.mfHeroComposer .mfBtn:disabled{opacity:.6}.mfHeroComposer small{display:block;margin-top:12px;color:#b9c1cf;font-size:12px}.mfHeroComposer [role=status]{font-size:13px;color:#ffde70;margin:8px 0 0}.mfHeroImage{margin:14px 0}.mfHeroImage img{display:block;max-width:160px;max-height:100px;object-fit:contain;margin:10px 0;border-radius:8px}.mfHeroImage input{max-width:100%;color:#ccc}
.mfInteractiveHero .mfFeatured{padding-top:28px}
@media(max-width:640px){.mfInteractiveHero .mfHeroContent{padding:20px 16px}.mfHeroComposer{padding:16px;margin-top:14px}.mfHeroModes button{padding:10px 12px;flex:1;font-size:13px}.mfHeroComposerFooter{flex-direction:column;align-items:stretch}.mfHeroComposer .mfBtn{width:100%}.mfHeroExamples{display:none}}