.mf-workspace{height:100dvh;min-height:600px;color:var(--color-slate-300);flex-direction:column;display:flex}.mf-workspace :where(button,a,input,textarea,summary):focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:3px}.mf-workspace :where(input,textarea){caret-color:var(--color-primary-soft)}.mf-layout{border-bottom:1px solid var(--color-border-subtle);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:224px minmax(0,1fr) 360px;min-height:0;display:grid}.mf-rail,.mf-controls,.mf-preview{background:var(--color-surface);min-width:0;min-height:0}.mf-rail{border-right:1px solid var(--color-border-subtle);grid-area:1/1;padding:16px 12px;overflow-y:auto}.mf-controls{border-left:1px solid var(--color-border-subtle);flex-direction:column;grid-area:1/3;display:flex}.mf-controls-body{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.mf-controls-footer{flex:none;max-height:45%;overflow:auto}.mf-controls-footer:empty{display:none}.mf-controls-footer>div{border:0;border-top:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:0;gap:10px;padding:12px 16px}.mf-preview{background:var(--color-void);grid-area:1/2;overflow:auto}.mf-preview-content{flex-direction:column;min-height:100%;display:flex}.mf-preview-content[hidden],.mf-pack-review[hidden]{display:none}.mf-viewport{flex:1;height:clamp(300px,54vh,680px);min-height:300px;position:relative}.mf-viewport>div{inset:0;width:100%!important;height:100%!important;position:absolute!important}.mf-workspace>div:first-child>div:first-child{flex-shrink:0}.mf-map-strip{background:var(--color-surface);flex:none;gap:8px;padding:8px 12px}.mf-map-strip>div{border:0;padding:4px}.mf-map-strip img{object-fit:cover;max-height:100px}.mf-map-strip :where(img,div.aspect-square){width:100%}.mf-map-strip [data-mf=map-load-failed]{max-height:100px}.mf-bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}@media (max-width:639px){.mf-bar-actions{justify-content:flex-start}.mf-bar-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mf-rail-heading{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.mf-rail-heading a{color:var(--color-slate-400);border-radius:6px;padding:6px}.mf-new-material{border:1px solid var(--color-border-subtle);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:10px;font-size:12px;display:flex}.mf-new-material:hover:not(:disabled){background:var(--color-elevated)}.mf-new-material:disabled{opacity:.4;cursor:not-allowed}.mf-inspector-tabs,.mf-mobile-nav{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;gap:6px;padding:8px;display:flex}.mf-inspector-tabs button,.mf-mobile-nav button{color:var(--color-slate-400);border-radius:6px;flex:1;padding:9px 8px;font-size:12px;font-weight:600}.mf-inspector-tabs button[aria-pressed=true],.mf-mobile-nav button[aria-pressed=true]{background:var(--color-elevated);color:var(--color-primary-soft)}.mf-inspector-tabs button:disabled{opacity:.4}.mf-mobile-nav{display:none}.mf-rail section{background:0 0;border:0;border-radius:0;margin-bottom:24px;padding:0}.mf-rail section>div:first-child{flex-wrap:wrap;padding:0}.mf-pack-items,.mf-history-items{gap:10px;padding-top:12px;display:grid}.mf-pack-items>button{border-radius:8px;padding:10px}.mf-rail-thumb{border-radius:6px;height:96px;margin-bottom:8px}.mf-rail .mf-history-items .aspect-\[4\/3\]{aspect-ratio:1.8}.mf-pack-review{padding:24px}.mf-review-heading{margin-bottom:24px}.mf-review-heading h2{color:var(--color-slate-100);font-size:20px;font-weight:600}.mf-review-heading p{color:var(--color-slate-400);margin-top:8px;font-size:13px;line-height:1.6}.mf-review-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mf-review-cards textarea{min-height:160px;font-size:13px}.mf-review-continue,.mf-show-review{display:none}.mf-controls .text-slate-600,.mf-rail .text-slate-600,.mf-controls .text-slate-500,.mf-rail .text-slate-500,.mf-controls textarea::placeholder{color:var(--color-slate-400)}.mf-workspace .btn-primary{color:#fff;background:#5558e6}.mf-workspace .btn-primary:hover:not(:disabled){background:#6063ee}.mf-controls .btn-primary{box-shadow:none;flex-wrap:wrap;padding-inline:12px}.mf-controls .btn-primary>span{white-space:nowrap}.mf-upgrade{border:1px solid var(--color-border-subtle);background:var(--color-surface);width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 40px);color:var(--color-slate-200);border-radius:16px;margin:auto;padding:0}.mf-upgrade::backdrop{background:#000000a6}.mf-upgrade-inline{max-height:none;margin:0;position:relative;inset:auto}.mf-upgrade-body{padding:32px;position:relative}.mf-upgrade-close{border-radius:6px;padding:8px;position:absolute;top:12px;right:12px}.mf-upgrade h2{padding-right:14px;font-size:24px;font-weight:600;line-height:1.3}.mf-upgrade p{color:var(--color-slate-400);margin-top:14px;font-size:13px;line-height:1.7}.mf-upgrade ul{gap:12px;margin:24px 0;display:grid}.mf-upgrade li{align-items:flex-start;gap:10px;font-size:13px;display:flex}.mf-upgrade li svg{color:var(--color-primary-soft);flex:none}.mf-upgrade p.mf-upgrade-plans{color:var(--color-slate-200)}.mf-upgrade-cta{color:#fff;background:#5558e6;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:12px;font-size:14px;font-weight:600;display:flex}.mf-upgrade-cta:hover{background:#6063ee}.mf-upgrade p.mf-upgrade-note{text-align:center;font-size:12px}.mf-upgrade-dismiss{width:100%;color:var(--color-slate-300);margin-top:8px;padding:12px 4px;font-size:12px}.mf-workspace{--mf-line:#303845;--mf-muted:#a7b2c4;--mf-faint:#8a95a8;--mf-sel-bg:#1b2852;--mf-sel-text:#b7c5ff;--mf-sel-border:#6376ff}.mf-badge{border:1px solid var(--mf-line);background:var(--color-elevated);color:var(--mf-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.mf-badge-sel{border-color:var(--mf-sel-border);background:var(--mf-sel-bg);color:var(--mf-sel-text)}.mf-ghost{border:1px solid var(--mf-line);min-height:36px;color:var(--color-slate-200);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.mf-ghost:hover:not(:disabled){background:var(--color-elevated)}.mf-ghost:disabled{opacity:.5;cursor:not-allowed}.mf-workspace-tabs{border:1px solid var(--mf-line);background:var(--color-surface);border-radius:8px;gap:4px;padding:3px;display:flex}.mf-workspace-tabs button{min-height:32px;color:var(--mf-muted);white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-flex}.mf-workspace-tabs button:hover{color:var(--color-slate-200)}.mf-workspace-tabs button[aria-pressed=true]{background:var(--mf-sel-bg);border-color:var(--mf-sel-border);color:var(--mf-sel-text)}.mf-shapes{gap:4px;display:flex}.mf-shapes button{color:var(--mf-muted);text-transform:capitalize;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:12px}.mf-shapes button[aria-pressed=true]{background:var(--mf-sel-bg);border-color:var(--mf-sel-border);color:var(--mf-sel-text)}.mf-composer{flex-direction:column;gap:14px;display:flex}.mf-intro p{color:var(--mf-muted);margin-top:6px;font-size:12px;line-height:1.7}.mf-headline{font-family:var(--font-heading,inherit);color:var(--color-slate-100);letter-spacing:-.01em;text-wrap:balance;font-size:22px;font-weight:650;line-height:1.25}.mf-workspace textarea.mf-brief{border-color:var(--mf-line)}.mf-chips{flex-wrap:wrap;gap:6px;display:flex}.mf-chip{border:1px solid var(--mf-line);background:var(--color-elevated);min-height:32px;color:var(--mf-muted);border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;display:inline-flex}.mf-chip:hover:not(:disabled){border-color:var(--mf-sel-border);color:var(--color-slate-100)}.mf-chip:disabled{opacity:.4}.mf-modes-block{gap:8px;display:grid}.mf-label{letter-spacing:.14em;text-transform:uppercase;color:var(--mf-faint);font-size:12px;font-weight:600}.mf-modes{border:1px solid var(--mf-line);background:var(--color-surface);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.mf-mode{min-width:0;min-height:36px;color:var(--mf-muted);white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.mf-mode:hover:not(:disabled){color:var(--color-slate-100)}.mf-mode[aria-pressed=true]{background:var(--mf-sel-bg);border-color:var(--mf-sel-border);color:var(--mf-sel-text)}.mf-mode:disabled{opacity:.4}.mf-mode .mf-lock{color:var(--mf-faint);flex:none}.mf-help{color:var(--mf-faint);font-size:12px;line-height:1.6}.mf-pro-row{display:flex}.mf-pro-switch{width:100%;min-height:36px;color:var(--mf-muted);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:4px 2px;font-size:13px;font-weight:600;display:flex}.mf-pro-switch:hover{color:var(--color-slate-100)}.mf-pro-switch-label{align-items:center;gap:6px;min-width:0;display:inline-flex}.mf-pro-switch-end{flex:none;align-items:center;gap:8px;display:inline-flex}.mf-pro-credits{font-variant-numeric:tabular-nums}.mf-switch-track{border:1px solid var(--mf-line);background:var(--color-elevated);border-radius:999px;flex:none;width:34px;height:20px;transition:background-color .15s,border-color .15s;position:relative}.mf-switch-track:after{content:"";background:var(--mf-muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background-color .15s;position:absolute;top:3px;left:3px}.mf-switch-track[data-on=true]{border-color:var(--mf-sel-border);background:var(--mf-sel-bg)}.mf-switch-track[data-on=true]:after{background:var(--mf-sel-text);transform:translate(14px)}.mf-pro-switch[data-locked=true] .mf-switch-track{opacity:.55}.mf-res-block{gap:6px;display:grid}.mf-res{border:1px solid var(--mf-line);background:var(--color-surface);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.mf-res .mf-badge{padding:0 6px;font-size:12px;line-height:16px}@media (prefers-reduced-motion:reduce){.mf-switch-track,.mf-switch-track:after{transition:none}}.mf-actions{flex-direction:column;gap:10px;min-width:0;display:flex}.mf-workspace .mf-primary{color:#fff;width:100%;min-height:46px;box-shadow:none;background:#4f5fff;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.mf-workspace .mf-primary:hover:not(:disabled){background:#5664f5}.mf-foot-row{color:var(--mf-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.mf-kbd{color:var(--mf-faint);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.mf-foot-note{text-align:center;color:var(--mf-muted);font-size:12px;line-height:1.6}.mf-trust{color:var(--mf-muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;display:flex}.mf-trust svg{color:var(--color-primary-soft);flex:none;margin-top:3px}.mf-example{background:radial-gradient(at 50% 45%,#121826 0%,#080b12 70%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.mf-example img{aspect-ratio:1;object-fit:cover;display:block}.mf-example-sphere{width:min(58%,500px);max-height:78%;-webkit-mask-image:radial-gradient(circle,#000 58%,#0000 70%);mask-image:radial-gradient(circle,#000 58%,#0000 70%)}.mf-example-tile{border-radius:12px;width:min(46%,400px);max-height:70%}.mf-example-meta{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:14px;left:14px}.mf-example-use{background:#0d1117cc;position:absolute;bottom:14px;right:14px}.mf-rail-example{gap:8px;display:grid}.mf-rail-example>p{color:var(--mf-faint);padding:0 4px;font-size:12px;line-height:1.7}.mf-rail-recent{border:1px solid var(--mf-sel-border);background:var(--color-primary-ghost);color:var(--color-slate-200);border-radius:8px;gap:2px;margin:0 0 8px;padding:8px 10px;font-size:12px;line-height:1.5;display:grid}.mf-rail-recent strong{color:var(--color-slate-100);font-weight:600}.mf-rail-recent a{min-height:24px;color:var(--color-primary-soft);text-underline-offset:2px;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.mf-rail-recent small{color:var(--mf-faint);font-size:12px;line-height:1.5}.mf-example-card{border:1px solid var(--mf-line);text-align:left;border-radius:8px;grid-template-columns:56px 1fr;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.mf-example-card[aria-pressed=true]{background:var(--color-primary-ghost);border-color:var(--mf-sel-border)}.mf-example-card img{object-fit:cover;object-position:50% 30%;background:#0b0d12;border-radius:6px;width:56px;height:56px}.mf-example-card strong{color:var(--color-slate-200);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.mf-next{background:var(--color-surface);position:relative}.mf-next h3{font-family:var(--font-heading,inherit);color:var(--color-slate-100);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.mf-next p{color:var(--mf-muted);font-size:12px;line-height:1.7}.mf-next-ba{grid-template-columns:64px 64px;gap:6px;display:grid}.mf-next-ba img{aspect-ratio:1;object-fit:cover;object-position:50% 30%;border:1px solid var(--mf-line);background:#0b0d12;border-radius:8px;width:100%;display:block}.mf-next-strip{border-top:1px solid var(--mf-line);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.mf-next-actions{align-items:center;gap:4px;display:flex}.mf-next-close{width:32px;height:32px;color:var(--mf-faint);border-radius:6px;place-items:center;display:inline-grid}.mf-next-close:hover{background:var(--color-elevated);color:var(--color-slate-200)}.mf-next-card{border:1px solid var(--mf-line);border-radius:12px;gap:12px;padding:14px;display:grid}.mf-next-card .mf-next-ba{grid-template-columns:1fr 1fr;gap:8px;padding-right:36px}.mf-next-card .mf-next-close{width:44px;height:44px;position:absolute;top:8px;right:8px}.mf-next-card h3{font-size:16px}.mf-next-try{width:100%}.mf-library{border-top:1px solid var(--mf-line);background:var(--color-surface);flex:none;gap:10px;padding:12px 16px 14px;display:grid}.mf-library-head h3{font-family:var(--font-heading,inherit);color:var(--color-slate-100);font-size:15px;font-weight:650}.mf-library-head p{color:var(--mf-muted);margin-top:2px;font-size:12px;line-height:1.6}.mf-library-items{scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.mf-library-items button{text-align:left;scroll-snap-align:start;border:1px solid #0000;border-radius:8px;flex:none;gap:4px;width:84px;padding:4px;display:grid}.mf-library-items button:hover{background:var(--color-elevated)}.mf-library-items button[aria-pressed=true]{background:var(--mf-sel-bg);border-color:var(--mf-sel-border)}.mf-library-items img{object-fit:cover;border:1px solid var(--mf-line);background:#0b0d12;border-radius:6px;width:74px;height:74px;display:block}.mf-library-items span{-webkit-line-clamp:2;color:var(--color-slate-300);-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.mf-library-items button[aria-pressed=true] span{color:var(--mf-sel-text)}.mf-library-make{gap:6px;display:grid}.mf-library-brief{-webkit-line-clamp:2;color:var(--color-slate-300);-webkit-box-orient:vertical;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.mf-library-note{color:var(--mf-faint);font-size:12px}.mf-preview-content:has(.mf-library) .mf-viewport{height:clamp(280px,46vh,600px)}.mf-preview-content:has(.mf-library-viewer[data-view=seams]) .mf-viewport{flex:none;height:clamp(360px,64vh,680px)}.mf-library-viewer{background:#0b0d12;flex-direction:column;display:flex}.mf-library-bar{border-bottom:1px solid var(--mf-line);background:var(--color-surface);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;display:flex}.mf-library-stage{flex:1;min-height:0;position:relative}.mf-library-stage>.mf-library-canvas{position:absolute;inset:0}.mf-library-channels{pointer-events:none;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.mf-seg{border:1px solid var(--mf-line);pointer-events:auto;background:#11151ceb;border-radius:8px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.mf-seg button{min-height:30px;color:var(--mf-muted);border:1px solid #0000;border-radius:6px;padding:0 10px;font-size:12px;font-weight:600}.mf-seg button:hover{color:var(--color-slate-100)}.mf-seg button[aria-pressed=true]{background:var(--mf-sel-bg);border-color:var(--mf-sel-border);color:var(--mf-sel-text)}@media (min-width:960px){.mf-library-make{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}.mf-library-brief{grid-area:1/1}.mf-library-note{grid-area:2/1}.mf-workspace .mf-library-cta{grid-area:1/2/span 2;width:auto;padding:10px 20px}}@media (max-width:959px){.mf-preview-content:has(.mf-library) .mf-viewport{height:28dvh;min-height:200px}.mf-preview-content:has(.mf-library-viewer[data-view=seams]) .mf-viewport{height:58dvh}.mf-library{gap:8px;padding:10px 16px 14px}.mf-library-head p{display:none}.mf-seg button{min-height:36px}.mf-library-items button{width:76px}.mf-library-items img{width:66px;height:66px}}.mf-scroll-fade{pointer-events:none;background:linear-gradient(to bottom,#0d111700,var(--color-surface));height:40px;margin-top:-40px;position:sticky;bottom:0}.mf-controls:has(.mf-controls-body[data-more]) .mf-controls-footer>div{box-shadow:0 -10px 16px -10px #000000b3}@media (min-width:960px){.mf-workspace textarea.mf-brief{height:98px}.mf-chips{grid-template-columns:repeat(2,minmax(0,max-content));display:grid}.mf-chip{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:4px 10px;line-height:22px;display:block;overflow:hidden}}@media (min-width:1600px){.mf-layout{grid-template-columns:250px minmax(0,1fr) 380px}}@media (max-width:1199px){.mf-layout{grid-template-columns:180px minmax(0,1fr) 320px}.mf-review-cards{grid-template-columns:1fr}}@media (max-width:959px){.mf-workspace{min-height:0}.mf-mobile-nav{display:flex}.mf-mobile-nav button{min-height:44px}.mf-inspector-tabs-idle{display:none}.mf-workspace-tabs button{min-height:44px;padding:4px 10px}.mf-free-badge{display:none}.mf-headline{font-size:20px}.mf-chip{min-height:44px;padding:6px 14px;font-size:13px}.mf-mode,.mf-pro-switch{min-height:44px}.mf-workspace .mf-primary{min-height:48px}.mf-ghost,.mf-shapes button{min-height:44px}.mf-actions .mf-trust,.mf-kbd{display:none}.mf-compose{padding-bottom:24px}.mf-layout{display:block;overflow:hidden}.mf-layout>:is(.mf-rail,.mf-controls,.mf-preview){border:0;height:100%;display:none}.mf-workspace[data-mobile-pane=materials] .mf-rail{display:block}.mf-workspace[data-mobile-pane=edit] .mf-controls{display:flex}.mf-workspace[data-mobile-pane=preview] .mf-preview{display:block}.mf-pack-items,.mf-history-items{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-rail-thumb{height:130px}.mf-viewport{height:48dvh;min-height:280px}.mf-pack-review{padding:20px 16px}.mf-review-continue,.mf-show-review{border:1px solid var(--color-primary-soft);width:100%;color:var(--color-primary-soft);border-radius:8px;margin-top:12px;padding:12px;font-size:12px;display:block}}@media (prefers-reduced-motion:reduce){.mf-workspace *{scroll-behavior:auto;transition:none}}.mf-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.mf-phone-only{display:none}@media (max-width:959px){.mf-phone-only{display:block}.mf-overlay .mf-overlay-meta{display:none}}