.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) 340px;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-preview-empty{text-align:center;color:var(--color-slate-400);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.mf-preview-empty svg{color:var(--color-primary-soft)}.mf-preview-empty h3{color:var(--color-slate-200);font-size:18px;font-weight:600}.mf-preview-empty p{max-width:36ch;font-size:13px;line-height:1.7}.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-rail-empty{color:var(--color-slate-400);padding:30px 6px;font-size:12px;line-height:1.7}.mf-rail-empty h3{color:var(--color-slate-200);margin-top:16px;font-size:13px;font-weight:600}.mf-rail-empty p{margin-top:10px}.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-mode-list{gap:8px;display:grid}.mf-mode{border:1px solid var(--color-border-subtle);text-align:left;border-radius:8px;align-items:flex-start;gap:10px;min-width:0;padding:12px;display:flex}.mf-mode>svg{color:var(--color-primary-soft);flex-shrink:0;margin-top:2px}.mf-mode>span:first-of-type{flex:1;min-width:0}.mf-mode strong{color:var(--color-slate-200);font-size:12px;font-weight:600;display:block}.mf-mode small{color:var(--color-slate-400);margin-top:4px;font-size:11px;line-height:1.6;display:block}.mf-mode[aria-pressed=true]{border-color:var(--color-primary-soft);background:var(--color-elevated)}.mf-mode:hover:not(:disabled){background:var(--color-elevated)}.mf-mode:disabled{opacity:.4}.mf-upgrade-badge{color:var(--color-primary-soft);white-space:nowrap;align-items:center;gap:2px;font-size:10px;display:inline-flex}.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}@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-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}}