.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-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-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:11px}.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:11px;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:11px}.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:11px;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{justify-content:flex-start;display:flex}.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:11px 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-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-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{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}}