.grid-visualizer-overlay{pointer-events:none}.grid-visualizer-column{transition:background-color .2s ease}.grid-visualizer-column:hover{background-color:#2d5c6326!important}.grid-visualizer__toggle{position:fixed;bottom:20px;right:20px;z-index:9999;padding:12px 24px;background-color:#2d5c63b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000026;transition:background-color .2s ease}.grid-visualizer__toggle:hover{background-color:#2d5c63e6}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;min-height:100vh}#root{margin:0;padding:0;width:100%;height:100%;min-height:100vh}#root>div{height:100%;min-height:100vh}.mf-host-shell,.mf-host-shell__mount{width:100%;height:100%;min-height:100vh}.mf-host-shell__mount[hidden]{display:none!important}:root{--mf-ds-breakpoint-sm-min: 0px;--mf-ds-breakpoint-sm-max: 639px;--mf-ds-breakpoint-md-min: 640px;--mf-ds-breakpoint-md-max: 1023px;--mf-ds-breakpoint-xmd-min: 1024px;--mf-ds-breakpoint-xmd-max: 1439px;--mf-ds-breakpoint-base-min: 1440px;--mf-ds-breakpoint-base-max: 1919px;--mf-ds-breakpoint-lg-min: 1920px;--mf-ds-current-breakpoint: "base"}@media (max-width: 639px){:root{--mf-ds-current-breakpoint: "sm"}}@media (min-width: 640px) and (max-width: 1023px){:root{--mf-ds-current-breakpoint: "md"}}@media (min-width: 1024px) and (max-width: 1439px){:root{--mf-ds-current-breakpoint: "xmd"}}@media (min-width: 1440px) and (max-width: 1919px){:root{--mf-ds-current-breakpoint: "base"}}@media (min-width: 1920px){:root{--mf-ds-current-breakpoint: "lg"}}:root{--mf-ds-grid-sm-cols: 2;--mf-ds-grid-sm-margin: 1.25rem;--mf-ds-grid-sm-margin-rem: 1.25rem;--mf-ds-grid-sm-gutter: 1.25rem;--mf-ds-grid-sm-gutter-rem: 1.25rem;--mf-ds-grid-md-cols: 4;--mf-ds-grid-md-margin: 1.25rem;--mf-ds-grid-md-margin-rem: 1.25rem;--mf-ds-grid-md-gutter: 1.25rem;--mf-ds-grid-md-gutter-rem: 1.25rem;--mf-ds-grid-xmd-cols: 6;--mf-ds-grid-xmd-margin: 1.5rem;--mf-ds-grid-xmd-margin-rem: 1.5rem;--mf-ds-grid-xmd-gutter: 1.5rem;--mf-ds-grid-xmd-gutter-rem: 1.5rem;--mf-ds-sidebar-width-closed: 84px;--mf-ds-sidebar-width-open: 280px;--mf-ds-sidebar-width: 84px;--mf-ds-grid-base-cols: 8;--mf-ds-grid-base-margin: 1.5rem;--mf-ds-grid-base-margin-rem: 1.5rem;--mf-ds-grid-base-gutter: 1.5rem;--mf-ds-grid-base-gutter-rem: 1.5rem;--mf-ds-grid-lg-cols: 12;--mf-ds-grid-lg-margin: 1.5rem;--mf-ds-grid-lg-margin-rem: 1.5rem;--mf-ds-grid-lg-gutter: 1.5rem;--mf-ds-grid-lg-gutter-rem: 1.5rem;--mf-ds-grid-cols: var(--mf-ds-grid-sm-cols);--mf-ds-grid-margin: var(--mf-ds-grid-sm-margin);--mf-ds-grid-margin-rem: var(--mf-ds-grid-sm-margin-rem);--mf-ds-grid-gutter: var(--mf-ds-grid-sm-gutter);--mf-ds-grid-gutter-rem: var(--mf-ds-grid-sm-gutter-rem);--mf-ds-grid-mobile-cols: var(--mf-ds-grid-sm-cols);--mf-ds-grid-mobile-margin: var(--mf-ds-grid-sm-margin);--mf-ds-grid-mobile-margin-rem: var(--mf-ds-grid-sm-margin-rem);--mf-ds-grid-mobile-gutter: var(--mf-ds-grid-sm-gutter);--mf-ds-grid-mobile-gutter-rem: var(--mf-ds-grid-sm-gutter-rem);--mf-ds-grid-desktop-cols: var(--mf-ds-grid-lg-cols);--mf-ds-grid-desktop-margin: var(--mf-ds-grid-lg-margin);--mf-ds-grid-desktop-margin-rem: var(--mf-ds-grid-lg-margin-rem);--mf-ds-grid-desktop-gutter: var(--mf-ds-grid-lg-gutter);--mf-ds-grid-desktop-gutter-rem: var(--mf-ds-grid-lg-gutter-rem)}html[data-sidebar-collapsed=false]{--mf-ds-sidebar-width: var(--mf-ds-sidebar-width-open)}@media (min-width: 640px){:root{--mf-ds-grid-cols: var(--mf-ds-grid-md-cols);--mf-ds-grid-margin: var(--mf-ds-grid-md-margin);--mf-ds-grid-margin-rem: var(--mf-ds-grid-md-margin-rem);--mf-ds-grid-gutter: var(--mf-ds-grid-md-gutter);--mf-ds-grid-gutter-rem: var(--mf-ds-grid-md-gutter-rem)}}@media (min-width: 1024px){:root{--mf-ds-grid-cols: var(--mf-ds-grid-xmd-cols);--mf-ds-grid-margin: var(--mf-ds-grid-xmd-margin);--mf-ds-grid-margin-rem: var(--mf-ds-grid-xmd-margin-rem);--mf-ds-grid-gutter: var(--mf-ds-grid-xmd-gutter);--mf-ds-grid-gutter-rem: var(--mf-ds-grid-xmd-gutter-rem)}}@media (min-width: 1440px){:root{--mf-ds-grid-cols: var(--mf-ds-grid-base-cols);--mf-ds-grid-margin: var(--mf-ds-grid-base-margin);--mf-ds-grid-margin-rem: var(--mf-ds-grid-base-margin-rem);--mf-ds-grid-gutter: var(--mf-ds-grid-base-gutter);--mf-ds-grid-gutter-rem: var(--mf-ds-grid-base-gutter-rem)}}@media (min-width: 1920px){:root{--mf-ds-grid-cols: var(--mf-ds-grid-lg-cols);--mf-ds-grid-margin: var(--mf-ds-grid-lg-margin);--mf-ds-grid-margin-rem: var(--mf-ds-grid-lg-margin-rem);--mf-ds-grid-gutter: var(--mf-ds-grid-lg-gutter);--mf-ds-grid-gutter-rem: var(--mf-ds-grid-lg-gutter-rem)}}.mf-ds-grid{display:grid;grid-template-columns:repeat(var(--mf-ds-grid-cols),1fr);gap:var(--mf-ds-grid-gutter);padding:0 var(--mf-ds-grid-margin);width:100%;box-sizing:border-box}.mf-ds-grid-sm{grid-template-columns:repeat(var(--mf-ds-grid-sm-cols),1fr);gap:var(--mf-ds-grid-sm-gutter);padding:0 var(--mf-ds-grid-sm-margin)}.mf-ds-grid-md{grid-template-columns:repeat(var(--mf-ds-grid-md-cols),1fr);gap:var(--mf-ds-grid-md-gutter);padding:0 var(--mf-ds-grid-md-margin)}.mf-ds-grid-xmd{grid-template-columns:repeat(var(--mf-ds-grid-xmd-cols),1fr);gap:var(--mf-ds-grid-xmd-gutter);padding:0 var(--mf-ds-grid-xmd-margin)}.mf-ds-grid-base{grid-template-columns:repeat(var(--mf-ds-grid-base-cols),1fr);gap:var(--mf-ds-grid-base-gutter);padding:0 var(--mf-ds-grid-base-margin)}.mf-ds-grid-lg{grid-template-columns:repeat(var(--mf-ds-grid-lg-cols),1fr);gap:var(--mf-ds-grid-lg-gutter);padding:0 var(--mf-ds-grid-lg-margin)}.mf-ds-grid-mobile{grid-template-columns:repeat(var(--mf-ds-grid-mobile-cols),1fr);gap:var(--mf-ds-grid-mobile-gutter);padding:0 var(--mf-ds-grid-mobile-margin)}.mf-ds-grid-desktop{grid-template-columns:repeat(var(--mf-ds-grid-desktop-cols),1fr);gap:var(--mf-ds-grid-desktop-gutter);padding:0 var(--mf-ds-grid-desktop-margin)}@media (min-width: 640px){.mf-ds-grid{grid-template-columns:repeat(var(--mf-ds-grid-md-cols),1fr);gap:var(--mf-ds-grid-md-gutter);padding:0 var(--mf-ds-grid-md-margin)}}@media (min-width: 1024px){.mf-ds-grid{grid-template-columns:repeat(var(--mf-ds-grid-xmd-cols),1fr);gap:var(--mf-ds-grid-xmd-gutter);padding:0 var(--mf-ds-grid-xmd-margin)}}@media (min-width: 1440px){.mf-ds-grid{grid-template-columns:repeat(var(--mf-ds-grid-base-cols),1fr);gap:var(--mf-ds-grid-base-gutter);padding:0 var(--mf-ds-grid-base-margin)}}@media (min-width: 1920px){.mf-ds-grid{grid-template-columns:repeat(var(--mf-ds-grid-lg-cols),1fr);gap:var(--mf-ds-grid-lg-gutter);padding:0 var(--mf-ds-grid-lg-margin)}}@media (min-width: 1024px) and (max-width: 1439px){.mf-ds-layout-xmd-with-sidebar{display:grid;grid-template-columns:var(--mf-ds-sidebar-width) minmax(0,1fr);width:100%;min-height:0;box-sizing:border-box}.mf-ds-layout-xmd-with-sidebar>*:first-child{min-width:0}.mf-ds-layout-xmd-with-sidebar>*:last-child{display:grid;grid-template-columns:repeat(var(--mf-ds-grid-xmd-cols),minmax(0,1fr));gap:var(--mf-ds-grid-xmd-gutter);padding:0 var(--mf-ds-grid-xmd-margin);min-width:0;box-sizing:border-box}}@media (min-width: 1440px) and (max-width: 1919px){.mf-ds-layout-base-with-sidebar{display:grid;grid-template-columns:var(--mf-ds-sidebar-width) minmax(0,1fr);width:100%;min-height:0;box-sizing:border-box}.mf-ds-layout-base-with-sidebar>*:first-child{min-width:0}.mf-ds-layout-base-with-sidebar>*:last-child{display:grid;grid-template-columns:repeat(var(--mf-ds-grid-base-cols),minmax(0,1fr));gap:var(--mf-ds-grid-base-gutter);padding:0 var(--mf-ds-grid-base-margin);min-width:0;box-sizing:border-box}}@media (min-width: 1920px){.mf-ds-layout-lg-with-sidebar{display:grid;grid-template-columns:var(--mf-ds-sidebar-width) minmax(0,1fr);width:100%;min-height:0;box-sizing:border-box}.mf-ds-layout-lg-with-sidebar>*:first-child{min-width:0}.mf-ds-layout-lg-with-sidebar>*:last-child{display:grid;grid-template-columns:repeat(var(--mf-ds-grid-lg-cols),minmax(0,1fr));gap:var(--mf-ds-grid-lg-gutter);padding:0 var(--mf-ds-grid-lg-margin);min-width:0;box-sizing:border-box}}.mf-loading-screen{box-sizing:border-box;width:100%;min-height:100vh;height:100%;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid #c4c4c4}.mf-loading-screen__logo{display:block;flex-shrink:0}.mf-loading-screen__logo-path{animation:mf-loading-logo-pulse 1.4s ease-in-out infinite}@keyframes mf-loading-logo-pulse{0%,to{fill:#eef5f6}50%{fill:#29474c}}@media (prefers-reduced-motion: reduce){.mf-loading-screen__logo-path{animation:none;fill:#29474c}}