:root{color-scheme:dark;--mf-bg:#06101a;--mf-side:#06111c;--mf-panel:#0b1824;--mf-line:#263a4d;--mf-text:#f5f7fb;--mf-muted:#b3c1d0;--mf-yellow:#ffd12e;--mf-pink:#ed53c2}
*{box-sizing:border-box}.mfDashboardPage{margin:0;background:var(--mf-bg);color:var(--mf-text);font-family:Inter,Arial,sans-serif}.mfDashboard [hidden]{display:none!important}.mfDashboard a{color:inherit;text-decoration:none}.mfDashboard button,.mfDashboard input,.mfDashboard textarea,.mfDashboard select{font:inherit}.mfDashboard{min-height:100vh;display:grid;grid-template-columns:298px minmax(0,1fr);background:var(--mf-bg)}
.mfDashboardSidebar{position:sticky;top:0;height:100vh;min-height:640px;padding:16px 18px 14px;background:linear-gradient(180deg,#071523,#06101a 68%);border-right:1px solid #213446;display:flex;flex-direction:column;overflow:auto;z-index:4}.mfDashboardBrand{height:60px;display:flex;align-items:center;margin:0 8px 9px}.mfDashboardBrand img{display:block;width:235px;max-width:100%;max-height:56px;object-fit:contain;object-position:left center}.mfDashboardCreate{height:54px;margin:0 0 12px;padding:0 21px;border:0;border-radius:11px;background:var(--mf-yellow);color:#09111a;font-weight:800;font-size:18px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 6px 18px #ffd12e24}.mfDashboardCreate>span:first-child{font-size:28px;font-weight:400;line-height:1}.mfChevron{margin-left:auto;color:#b5c3d1;font-size:23px;font-weight:400}.mfPrimaryNav,.mfSecondaryNav{display:grid;gap:4px}.mfPrimaryNav a,.mfSecondaryNav a{min-height:53px;padding:7px 10px;display:flex;align-items:center;gap:13px;border-radius:9px;color:#eef3fa}.mfPrimaryNav a:hover,.mfSecondaryNav a:hover{background:#122539}.mfPrimaryNav a:first-child{border-left:2px solid var(--mf-yellow)}.mfNavGlyph{width:38px;flex:0 0 38px;text-align:center;font-size:28px;line-height:1;color:#fff}.mfPrimaryNav b,.mfSecondaryNav b{display:block;font-size:15px;font-weight:650}.mfPrimaryNav small,.mfSecondaryNav small{display:block;margin-top:3px;color:#b2c0d0;font-size:12px}.mfSidebarDivider{height:1px;margin:13px 0;border:0;background:#1a3042}.mfSidebarLabel{margin:0 0 7px;color:#91a6bb;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.mfSecondaryNav a{min-height:51px;gap:14px}.mfSecondaryNav a>span:first-child{width:38px;flex:0 0 38px;text-align:center;color:#f3f7fc;font-size:27px}.mfDiscoverNav{gap:0}.mfSidebarAccount{margin-top:auto;padding-top:12px}.mfAccountProfile{display:flex;align-items:center;gap:11px;padding:6px 4px;font-weight:600;font-size:14px}.mfAccountAvatar{width:39px;height:39px;border:1px solid #54718b;border-radius:50%;display:grid;place-items:center;background:#17334a;color:#fff}.mfCreditsBar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-top:7px;border:1px solid #294054;border-radius:10px;background:#0b1a27;font-size:13px}.mfCreditsBar a{color:var(--mf-yellow);font-weight:700}
.mfDashboardMain{min-width:0;overflow:hidden}.mfDashboardTopbar{height:62px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#071522;border-bottom:1px solid #203548}.mfSearchBox{width:min(510px,60%);height:41px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid #30475a;border-radius:11px;background:#091b2a;color:#9fb0c1}.mfSearchBox>span{font-size:22px}.mfSearchBox input{width:100%;border:0;outline:0;background:transparent;color:#f5f7fb;font-size:13px}.mfSearchBox input::placeholder{color:#91a2b4}.mfSearchBox kbd{padding:3px 7px;border:1px solid #405364;border-radius:5px;color:#a9b7c5;font-size:10px;white-space:nowrap}.mfTopActions{display:flex;align-items:center;gap:12px}.mfBell,.mfLoginLink,.mfTopGetStarted{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b5264;border-radius:10px;background:#0c1a27;color:#fff;font-size:13px}.mfBell{width:40px;border-radius:50%;font-size:20px}.mfTopGetStarted{border-color:var(--mf-yellow);background:var(--mf-yellow);color:#111;font-weight:750}
.mfDashboardHero{position:relative;min-height:340px;padding:100px 32px 18px;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.mfHeroArtwork{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#07111beb 0%,#07111bcc 38%,#07111a32 70%,#07111a18),linear-gradient(0deg,#06111a 0%,transparent 38%),url('/makefilms-genre-hero.jpg') center 39%/cover no-repeat}.mfHeroArtwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06101a33,transparent 45%)}.mfHeroCopy{position:absolute;top:65px;left:38px;max-width:630px;text-shadow:0 2px 12px #0008}.mfHeroCopy h1{margin:0;font-size:clamp(34px,3vw,54px);line-height:.98;letter-spacing:-.04em;font-weight:800}.mfHeroCopy h1 em{font-style:normal;color:var(--mf-yellow)}.mfHeroCopy p{margin:13px 0 0;font-size:16px;line-height:1.45;color:#f0f3f8}.mfPromptBar{min-height:78px;padding:9px 10px 9px 18px;display:flex;align-items:center;gap:14px;border:1px solid #69788a;border-radius:15px;background:#081723eF;box-shadow:0 12px 30px #0004}.mfPromptInput{flex:1;min-width:110px}.mfPromptInput textarea{display:block;width:100%;height:48px;resize:none;padding:14px 0 5px;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.mfPromptInput textarea::placeholder{color:#a9b5c4}.mfReferenceButton,.mfModeSelect{min-height:45px;padding:0 13px;border:1px solid #34495a;border-radius:10px;background:#0b1b29;color:#f4f7fa;font-weight:600;white-space:nowrap;cursor:pointer}.mfReferenceButton{border:0;background:transparent}.mfModeSelect{min-width:140px}.mfSubmitPrompt{min-width:155px;min-height:50px;padding:0 16px;border:0;border-radius:10px;background:var(--mf-yellow);color:#10151a;font-weight:800;cursor:pointer}.mfSubmitPrompt span{margin-left:9px;font-size:19px}
.mfModeCards{padding:2px 32px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mfModeCard{position:relative;min-height:190px;padding:0 13px 12px;overflow:hidden;border:1px solid #32495b;border-radius:14px;background:#091725;box-shadow:0 7px 22px #0003}.mfModeArtwork{position:absolute;inset:0 0 auto;height:92px;background-image:linear-gradient(0deg,#091725 0%,transparent 75%),var(--mode-image);background-position:center;background-size:cover;opacity:.88}.mfModeDirector{--mode-image:url('/home-director-chair.jpg')}.mfModeChat{--mode-image:url('/home-coffee-still.jpg')}.mfModeVideo{--mode-image:url('/home-example-fighter.jpg')}.mfModeImage{--mode-image:url('/homepage-film-stills.png')}.mfModeCardContent{position:relative;display:flex;align-items:flex-end;gap:11px;min-height:101px;padding-top:40px}.mfModeIcon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:9px;background:#0c1b29;color:#fff;font-size:29px}.mfModeCard h2{margin:0 0 3px;font-size:16px}.mfModeCard p{max-width:250px;margin:0;color:#d1dbe5;font-size:12px;line-height:1.35}.mfModeAction{position:relative;width:100%;height:38px;margin-top:10px;border:1px solid #718194;border-radius:8px;background:#eff2f5;color:#111820;font-size:13px;font-weight:750;cursor:pointer}.mfModeDirector .mfModeAction{border-color:var(--mf-yellow);background:var(--mf-yellow)}.mfModeAction span{font-size:17px}
.mfCategorySection,.mfContinueSection{padding:20px 32px 0}.mfSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mfSectionHeading h2{margin:0;font-size:19px;letter-spacing:-.02em}.mfSectionHeading>a{color:#b6c5d4;font-size:12px}.mfSectionHeading>a span{margin-left:4px}.mfCategoryGrid{display:grid;grid-template-columns:repeat(8,minmax(100px,1fr));gap:12px}.mfCategoryCard{min-width:0;padding:0;border:0;background:none;text-align:left;color:#f5f7fb;cursor:pointer}.mfCategoryImage{height:85px;display:block;margin-bottom:7px;border:1px solid #41586a;border-radius:9px;background-image:linear-gradient(0deg,#06101a22,#06101a00),var(--category-image);background-position:center;background-size:cover;transition:transform .18s,border-color .18s}.mfCategoryCard:hover .mfCategoryImage{transform:translateY(-2px);border-color:var(--mf-yellow)}.mfCategoryCard b{font-size:13px}.mfImageSci-Fi{background-position:15% 50%}.mfImageFantasy{background-position:85% 52%}.mfImageAnimation{background-position:47% 83%}.mfImageCommercial{background-position:50% 53%}.mfImageSocialVideo{background-position:78% 52%}
.mfContinueSection{padding-top:24px}.mfContinueGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mfNewProjectCard,.mfProjectCard{min-height:108px;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid #293e50;border-radius:11px;background:#091724;text-align:center}.mfNewProjectCard{border-style:dashed}.mfNewProjectCard>span{font-size:27px}.mfNewProjectCard b,.mfProjectCard b{font-size:12px}.mfProjectThumb{width:100%;height:53px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(145deg,#203e55,#0d1925);color:#aebdca;font-size:25px}.mfProjectCard small{max-width:100%;overflow:hidden;color:#99aabb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mfEmptyProject{border-style:dashed;color:#d7e1e9}.mfDashboardFooter{padding:20px 32px 15px;color:#8396a8;font-size:10px}
#mf-toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:9px;background:#16283a;color:#fff;box-shadow:0 8px 24px #0008;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(max-width:1200px){.mfDashboard{grid-template-columns:248px minmax(0,1fr)}.mfDashboardSidebar{padding-left:13px;padding-right:13px}.mfModeCards{grid-template-columns:repeat(2,minmax(0,1fr))}.mfCategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.mfContinueGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mfDashboardHero{padding-right:24px;padding-left:24px}.mfModeCards,.mfCategorySection,.mfContinueSection{padding-right:24px;padding-left:24px}}
@media(max-width:760px){.mfDashboard{display:block}.mfDashboardSidebar{position:relative;height:auto;min-height:0;padding:10px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:visible;border-right:0;border-bottom:1px solid #243a4c}.mfDashboardBrand{height:43px;margin:0}.mfDashboardBrand img{width:185px;max-height:42px}.mfDashboardCreate{width:136px;height:42px;margin:0;padding:0 12px;font-size:14px}.mfDashboardCreate>span:first-child{font-size:20px}.mfPrimaryNav{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:9px}.mfPrimaryNav a{min-height:43px;padding:6px;justify-content:center}.mfPrimaryNav a>span:last-child,.mfSecondaryNav,.mfSidebarDivider,.mfSidebarLabel,.mfSidebarAccount{display:none}.mfNavGlyph{font-size:23px}.mfDashboardTopbar{height:55px;padding:0 13px}.mfSearchBox{width:100%}.mfTopActions{display:none}.mfDashboardHero{min-height:385px;padding:20px 13px 13px;justify-content:flex-end}.mfHeroArtwork{background-position:52% center}.mfHeroCopy{position:relative;top:auto;left:auto;max-width:460px;margin:0 0 20px}.mfHeroCopy h1{font-size:39px}.mfHeroCopy p{font-size:13px}.mfDesktopBreak{display:none}.mfPromptBar{display:grid;grid-template-columns:1fr auto auto;gap:6px;padding:9px}.mfPromptInput{grid-column:1/-1}.mfPromptInput textarea{height:48px;padding:12px 7px}.mfReferenceButton{padding:0 6px;font-size:12px}.mfModeSelect{min-width:110px;padding:0 7px;font-size:12px}.mfSubmitPrompt{min-width:108px;height:44px;font-size:13px}.mfModeCards,.mfCategorySection,.mfContinueSection{padding-right:13px;padding-left:13px}.mfModeCards{gap:8px}.mfModeCard{min-height:180px;padding:0 9px 9px}.mfModeCardContent{gap:7px}.mfModeIcon{width:34px;height:34px;flex-basis:34px;font-size:23px}.mfModeCard h2{font-size:14px}.mfModeCard p{font-size:10px}.mfModeAction{font-size:11px}.mfCategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mfCategoryImage{height:60px}.mfCategoryCard b{font-size:11px}.mfContinueGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mfDashboardFooter{padding-left:13px}}