body.canvas-live.modonix .mb-builder{--mb-line:#dce4ef;--mb-muted:#64718a;max-width:1320px;margin:auto;padding:24px 24px 76px;color:#202c42}
.mb-builder [hidden]{display:none!important}.mb-builder *{box-sizing:border-box}.mb-builder .mb-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mb-builder .mb-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mb-muted);margin-bottom:22px}
.mb-builder .mb-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.mb-builder .mb-heading h1{font-size:clamp(27px,4vw,37px);letter-spacing:-.035em;line-height:1.2;margin:0 0 10px}.mb-builder .mb-heading p{font-size:14px;line-height:1.8;color:var(--mb-muted);max-width:650px;margin:0}.mb-builder .mb-target-badge{font-size:12px;line-height:1.5;padding:8px 11px;border:1px solid #cfdaef;border-radius:8px;background:#eef3fd;flex-shrink:0;max-width:280px}
.mb-builder .mb-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--mb-line);padding:16px 18px;border-radius:12px;margin-bottom:18px}.mb-builder .mb-project-toolbar>div:first-child{min-width:0}.mb-builder .mb-project-toolbar strong{font-size:15px;overflow-wrap:anywhere}.mb-builder .mb-project-toolbar p{font-size:12px;line-height:1.6;color:var(--mb-muted);margin:5px 0 0}.mb-builder .mb-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}
body.canvas-live.modonix .mb-builder .mb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--mb-line);padding:9px 13px;background:#fff;color:#30415e;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;margin:0;white-space:normal}.mb-builder .mb-button .ui-icon{width:16px;height:16px;flex-shrink:0}body.canvas-live.modonix .mb-builder .mb-button-primary{background:#315cdb;border-color:#315cdb;color:#fff}.mb-builder .mb-button:disabled{background:#f2f4f8!important;border-color:#e2e7ef!important;color:#8792a5!important;cursor:default}.mb-builder .mb-button:not(:disabled):hover{border-color:#b9c8e5}.mb-builder .mb-import{position:relative;overflow:hidden}.mb-builder .mb-import input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.mb-builder .mb-import:focus-within{outline:2px solid #5d76b3;outline-offset:2px}
.mb-builder .mb-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.mb-builder .mb-sidebar{border:1px solid var(--mb-line);border-radius:12px;background:#fff;min-width:0}.mb-builder .mb-sidebar details{background:none;border:0;padding:0;margin:0}.mb-builder .mb-sidebar summary{display:none}.mb-builder .mb-sidebar-content{padding:12px}.mb-builder .mb-project-link{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:none;text-align:left;font-size:13px;font-weight:600;color:#40516e;cursor:pointer}.mb-builder .mb-project-link .ui-icon{width:17px;height:17px}.mb-builder .mb-project-link[aria-current],.mb-builder .mb-element-link[aria-current]{background:#edf2ff;border-color:#ccd9fa;color:#294db0}
.mb-builder .mb-element-group{margin-top:18px}.mb-builder .mb-group-heading{display:flex;align-items:center;justify-content:space-between;padding-left:9px}.mb-builder .mb-group-heading h2{font-size:12px;letter-spacing:.025em;color:#5c6c86;margin:0}.mb-builder .mb-group-heading h2 span{font-weight:400;margin-left:5px}.mb-builder .mb-add{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;border-radius:8px;color:#4c6494;cursor:pointer}.mb-builder .mb-add:hover{background:#f2f5fc}.mb-builder .mb-add .ui-icon{width:16px;height:16px}.mb-builder .mb-element-link{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;border:1px solid transparent;background:none;padding:8px 9px;border-radius:8px;font-size:13px;text-align:left;color:#41516d;cursor:pointer}.mb-builder .mb-element-link img{width:24px;height:24px;image-rendering:pixelated;object-fit:contain;flex-shrink:0}.mb-builder .mb-element-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-builder .mb-element-empty{font-size:12px;line-height:1.5;color:#8590a2;margin:4px 9px 12px}.mb-builder .mb-sidebar-note{font-size:11px;line-height:1.7;color:#758299;margin:20px 9px 5px}
.mb-builder .mb-editor{min-width:0;scroll-margin-top:88px}.mb-builder .mb-panel{padding:26px;border:1px solid var(--mb-line);border-radius:12px;background:#fff}.mb-builder .mb-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.mb-builder .mb-panel-heading h2{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}.mb-builder .mb-panel-heading p{font-size:13px;line-height:1.7;color:var(--mb-muted);margin:8px 0 0}.mb-builder .mb-eyebrow{display:block;font-size:11px;color:#7b8799;letter-spacing:.05em;margin-bottom:6px}.mb-builder .mb-remove{flex-shrink:0}.mb-builder .mb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mb-builder .mb-wide{grid-column:1/-1}.mb-builder .mb-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;margin:0}.mb-builder .mb-field small{font-size:12px;font-weight:400;line-height:1.7;color:var(--mb-muted)}
body.canvas-live.modonix .mb-builder :is(.mb-field input,.mb-field select,.mb-field textarea,.mb-crafting-grid select){width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #ccd6e6;border-radius:8px;background:#fff;color:#263751;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;box-shadow:none}.mb-builder textarea{resize:vertical}.mb-builder :is(input,select,textarea):focus{outline:0!important;border-color:#637eaf!important;box-shadow:0 0 0 2px #637eaf14!important}.mb-builder :is(button,a,summary,canvas):focus-visible{outline:2px solid #637eaf!important;outline-offset:2px}.mb-builder [aria-invalid=true]{border-color:#ce8a93!important}
.mb-builder .mb-start-actions{border-top:1px solid #edf0f6;margin-top:26px;padding-top:20px}.mb-builder .mb-start-actions h3{font-size:14px;margin:0 0 14px}.mb-builder .mb-start-actions>div{display:flex;gap:8px;flex-wrap:wrap}.mb-builder .mb-help{margin-top:20px;padding:0;border:0;background:none;font-size:13px;line-height:1.8;color:var(--mb-muted)}.mb-builder .mb-help summary{display:flex;align-items:center;min-height:44px;font-weight:600;cursor:pointer;color:#3f516f}.mb-builder .mb-help p{margin:12px 0 0}
.mb-builder .mb-texture{margin-top:28px;padding-top:24px;border-top:1px solid #e6ebf3}.mb-builder .mb-texture-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px}.mb-builder .mb-texture h3{font-size:17px;margin:0}.mb-builder .mb-texture h3 span{display:block;font-size:11px;font-weight:400;color:var(--mb-muted);margin-top:5px}.mb-builder .mb-texture-workspace{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px}.mb-builder .mb-paint-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.mb-builder .mb-color{display:flex;align-items:center;gap:8px;font-size:12px}.mb-builder .mb-color input{width:44px;height:44px;padding:4px;border:1px solid #ced8e9;background:#fff;border-radius:8px}.mb-builder .mb-paint-tools fieldset{display:flex;gap:4px;border:0;padding:0;margin:0;min-width:0}.mb-builder .mb-paint-tools fieldset label{position:relative;cursor:pointer}.mb-builder .mb-paint-tools fieldset input{position:absolute;opacity:0;width:1px;height:1px}.mb-builder .mb-paint-tools fieldset span{display:grid;place-items:center;min-height:44px;padding:8px 10px;border:1px solid #dce4ef;border-radius:8px;font-size:12px}.mb-builder .mb-paint-tools input:checked+span{background:#edf2ff;border-color:#bfd0f5;color:#3159bb}.mb-builder .mb-paint-tools input:focus-visible+span{outline:2px solid #637eaf;outline-offset:2px}.mb-builder .mb-paint-canvas{display:block;image-rendering:pixelated;touch-action:none;width:100%;height:auto;aspect-ratio:1;border:1px solid #d4deed;border-radius:4px;cursor:crosshair}.mb-builder .mb-canvas-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:11px;color:var(--mb-muted)}.mb-builder .mb-canvas-actions label{display:flex;align-items:center;gap:6px;min-height:44px}.mb-builder .mb-canvas-actions input{accent-color:#315cdb}.mb-builder .mb-texture-preview{align-self:start;padding-top:56px}.mb-builder .mb-texture-preview h4{font-size:13px;margin:0 0 12px}.mb-builder .mb-texture-preview canvas{width:128px;height:128px;max-width:100%;image-rendering:pixelated;background:repeating-conic-gradient(#e7ecf5 0% 25%,#fafbfe 0% 50%) 0/16px 16px;border:1px solid #e3e9f2;border-radius:8px}.mb-builder .mb-texture-preview p{font-size:12px;line-height:1.75;color:var(--mb-muted);max-width:230px;margin:12px 0 0}.mb-builder .mb-inline-status{font-size:12px;line-height:1.7;color:var(--mb-muted);margin:16px 0 0}
.mb-builder .mb-recipe-heading{margin:28px 0 16px}.mb-builder .mb-recipe-heading h3{font-size:16px;margin:0 0 8px}.mb-builder .mb-recipe-heading p{font-size:13px;line-height:1.75;color:var(--mb-muted);margin:0}.mb-builder .mb-crafting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f3f6fb;border:1px solid #dfe7f2;padding:18px;border-radius:12px}.mb-builder .mb-crafting-grid label{display:flex;flex-direction:column;align-self:start;gap:8px;font-size:11px;color:#728098;min-width:0;margin:0}.mb-builder .mb-crafting-grid small{display:none;font-size:12px;line-height:1.5;color:#52617a;overflow-wrap:anywhere;font-weight:400}.mb-builder .mb-crafting-grid select{font-size:12px!important;padding:10px 7px!important}.mb-builder .mb-notice,.mb-builder .mb-alert{padding:14px 18px;background:#f1f5fe;border:1px solid #d5e1f7;border-radius:10px;font-size:13px;line-height:1.7;margin-bottom:18px}.mb-builder .mb-alert[data-error=true]{background:#fff3f4;border-color:#efd0d5;color:#9e4050}.mb-builder .mb-build-status{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #cadbd7;background:#f0f8f5;border-radius:12px;padding:18px;margin-bottom:18px}.mb-builder .mb-build-status h2{font-size:14px;margin:0 0 6px}.mb-builder .mb-build-status p{font-size:13px;line-height:1.7;margin:0}.mb-builder .mb-build-status[data-state=failed]{background:#fff4f5;border-color:#edcdd2}
.mb-builder .mb-confirm{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#263751;box-shadow:0 24px 80px #152a502b}.mb-builder .mb-confirm::backdrop{background:rgb(16 24 40 /46%)}.mb-builder .mb-confirm h2{font-size:21px;margin:0 0 12px}.mb-builder .mb-confirm p{font-size:14px;line-height:1.8;color:var(--mb-muted)}.mb-builder .mb-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
@media(max-width:1100px){.mb-builder .mb-project-toolbar{align-items:flex-start;flex-direction:column}.mb-builder .mb-layout{grid-template-columns:200px minmax(0,1fr)}.mb-builder .mb-texture-workspace{grid-template-columns:minmax(0,1fr)}.mb-builder .mb-texture-preview{padding:0;display:grid;grid-template-columns:90px 1fr;gap:8px 15px}.mb-builder .mb-texture-preview h4{grid-column:1/-1}.mb-builder .mb-texture-preview canvas{width:90px;height:90px;grid-row:2/4}.mb-builder .mb-texture-preview p{margin:0;max-width:none}}
@media(max-width:760px){body.canvas-live.modonix .mb-builder{padding:20px 16px 90px}.mb-builder .mb-heading{flex-direction:column;gap:14px}.mb-builder .mb-layout{grid-template-columns:1fr;gap:14px}.mb-builder .mb-sidebar summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:12px 16px;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.mb-builder .mb-sidebar summary::-webkit-details-marker{display:none}.mb-builder .mb-sidebar summary .ui-icon{width:16px;height:16px}.mb-builder .mb-sidebar details[open] summary{border-bottom:1px solid #e7ecf5}.mb-builder .mb-sidebar-content{padding:8px 12px 16px}.mb-builder .mb-element-group{margin-top:10px}.mb-builder .mb-panel{padding:20px 18px}.mb-builder .mb-fields{gap:18px}.mb-builder .mb-texture-workspace{grid-template-columns:minmax(0,1fr)}.mb-builder .mb-paint-canvas{max-width:320px}.mb-builder .mb-texture-preview{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 14px}.mb-builder .mb-texture-preview canvas{width:72px;height:72px;grid-row:auto}.mb-builder .mb-texture-preview p:last-child{display:none}.mb-builder .mb-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.mb-builder .mb-build-status{align-items:flex-start;flex-direction:column}.mb-builder .mb-target-badge{max-width:none}.mb-builder .mb-field :is(input,select,textarea){font-size:16px!important}.mb-builder .mb-panel-heading h2{font-size:21px}.mb-builder .mb-crafting-grid{padding:10px;gap:8px}.mb-builder .mb-crafting-grid small{display:block}.mb-builder .mb-crafting-grid select{min-height:48px;padding:7px 2px!important}.mb-builder .mb-paint-tools{justify-content:space-between}}
@media(max-width:420px){.mb-builder .mb-fields{grid-template-columns:1fr}.mb-builder .mb-panel-heading{gap:10px}.mb-builder .mb-remove span{display:none}.mb-builder .mb-remove{width:44px;padding:8px!important}.mb-builder .mb-texture-heading{flex-wrap:wrap}.mb-builder .mb-paint-tools fieldset span{padding-inline:8px}.mb-builder .mb-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mb-builder *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Builder studio: visual assets, recipe board and an honest product stage. */
.mb-builder .mb-studio-label{display:block;color:#657793;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:12px}.mb-builder .mb-heading h1{font-size:clamp(28px,4vw,41px);letter-spacing:-.045em}.mb-builder .mb-panel{box-shadow:0 6px 28px #1e375205}.mb-builder .mb-workspace-tabs{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}.mb-builder .mb-workspace-tabs>div{display:flex;background:#e9edf5;border:1px solid #dfe5f0;padding:4px;border-radius:10px}.mb-builder .mb-workspace-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;border:0;background:none;color:#62708a;border-radius:7px;font-size:13px;cursor:pointer}.mb-builder .mb-workspace-tabs button[aria-pressed=true]{background:#fff;color:#273d66;box-shadow:0 2px 5px #20365d0c}.mb-builder .mb-workspace-tabs .ui-icon{width:16px;height:16px}.mb-builder .mb-workspace-tabs .mb-templates-link{font-size:12px;color:#355994;padding-inline:0}.mb-builder .mb-branding-field{display:flex;align-items:flex-start;gap:12px;min-height:44px;font-size:13px;font-weight:600;color:#31435e;padding:14px;background:#f5f7fc;border:1px solid #e5eaf4;border-radius:9px}.mb-builder .mb-branding-field input{width:18px;height:18px;flex-shrink:0;accent-color:#4168d7;margin-top:2px}.mb-builder .mb-branding-field small{display:block;color:#758199;font-weight:400;font-size:12px;line-height:1.65;margin-top:4px}.mb-builder .mb-surface-tabs{display:flex;gap:4px;margin-bottom:18px}.mb-builder .mb-surface-tabs button{min-height:44px;background:none;border:1px solid transparent;border-radius:8px;padding:9px 13px;font-size:13px;color:#63728e;cursor:pointer}.mb-builder .mb-surface-tabs button[aria-pressed=true]{background:#edf2fc;border-color:#d2dff6;color:#315ca8}.mb-builder .mb-library-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.mb-builder .mb-library-heading h4{font-size:17px;margin:0 0 6px}.mb-builder .mb-library-heading p{font-size:13px;color:#758299;line-height:1.65;margin:0}.mb-builder .mb-library-filters{display:flex;gap:12px;align-items:center;margin:18px 0}.mb-builder .mb-library-filters input{flex:1;min-width:0;height:44px;border:1px solid #d5dfed;background:#f8faff;border-radius:8px;padding:10px 12px;font-size:14px}.mb-builder .mb-library-filters>span{font-size:12px;color:#78869e;white-space:nowrap}.mb-builder .mb-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;max-height:430px;overflow:auto;padding:2px}.mb-builder .mb-library-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:14px 8px;min-height:124px;background:#f5f7fc;border:1px solid #e0e7f3;border-radius:10px;cursor:pointer;color:#4e6182;font-size:12px;line-height:1.45}.mb-builder .mb-library-tile img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #1633531a)}.mb-builder .mb-library-tile:hover{border-color:#a9bee5;background:#edf3ff}.mb-builder .mb-library-tile[aria-pressed=true]{border-color:#6e8ec8;background:#eaf1ff}.mb-builder .mb-library-tile span{overflow-wrap:anywhere}.mb-builder .mb-library-empty{grid-column:1/-1;margin:20px 0;font-size:14px;line-height:1.8;color:#71819a}
.mb-builder .mb-visual-workbench{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(130px,.46fr);align-items:center;gap:22px;border:1px solid #dce4f0;border-radius:15px;padding:28px;background:radial-gradient(ellipse at 30% 0%,#fff 0,transparent 68%),#f4f7fc;margin-top:24px}.mb-builder .mb-crafting-grid{padding:0;border:0;border-radius:0;background:none;gap:10px}.mb-builder .mb-craft-cell{min-width:0}.mb-builder .mb-craft-cell small{display:none!important}.mb-builder .mb-craft-slot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;min-height:54px;padding:10px;background:linear-gradient(145deg,#fff,#f0f4fa);border:1px solid #cad7e9;border-radius:10px;box-shadow:inset 0 -3px 0 #dbe4f140,0 3px 7px #1c355b05;color:#7788a4;cursor:pointer;isolation:isolate}.mb-builder .mb-craft-slot:hover{background:#eaf1fd;border-color:#92aedb}.mb-builder .mb-craft-slot:focus-visible{outline:2px solid #657fa7;outline-offset:3px}.mb-builder .mb-slot-number{position:absolute;left:8px;top:6px;font-size:9px;color:#95a4bc;line-height:1}.mb-builder .mb-slot-content{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:100%}.mb-builder .mb-slot-content img{width:min(64px,80%);height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #152d521c)}.mb-builder .mb-slot-empty{font-size:22px;font-weight:300;color:#b1bed2}.mb-builder .mb-icon-fallback{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;background:#dbe6f5;color:#5c7096;font-size:12px;font-weight:700}.mb-builder .mb-crafting-arrow{display:grid;place-items:center;color:#869bbd}.mb-builder .mb-crafting-arrow .ui-icon{width:29px;height:29px}.mb-builder .mb-craft-result{display:flex;align-items:center;flex-direction:column;gap:12px;min-width:0}.mb-builder .mb-result-caption{font-size:9px;letter-spacing:.12em;color:#7486a5;font-weight:700}.mb-builder .mb-output-slot{max-width:126px;border-color:#9fb7dd;background:linear-gradient(145deg,#fff,#e8effc)}.mb-builder .mb-output-slot b{position:absolute;right:10px;bottom:6px;color:#3b5279;font-size:14px;font-variant-numeric:tabular-nums}.mb-builder .mb-craft-result>strong{font-size:13px;line-height:1.55;font-weight:600;color:#445a7c;text-align:center;overflow-wrap:anywhere}.mb-builder .mb-craft-result .mb-field{width:100%;max-width:125px}.mb-builder .mb-craft-result .mb-field input{text-align:center}.mb-builder .mb-craft-result .mb-field>span{font-size:11px;color:#7c8ba3;text-align:center}
.mb-builder :is(.mb-picker,.mb-starters){width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #d6e0ef;border-radius:18px;background:#fdfefe;color:#263751;box-shadow:0 30px 100px #0b1e4640;overflow:auto}.mb-builder :is(.mb-picker,.mb-starters)::backdrop{background:rgb(13 25 46 /55%);backdrop-filter:blur(5px)}.mb-builder :is(.mb-picker,.mb-starters)>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.mb-builder :is(.mb-picker,.mb-starters) h2{font-size:25px;letter-spacing:-.03em;margin:0;line-height:1.35}.mb-builder .mb-dialog-close{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:#f1f4fa;border:1px solid #dfe6f1;border-radius:10px;color:#667a9c;cursor:pointer}.mb-builder .mb-dialog-close .ui-icon{width:18px;height:18px}.mb-builder .mb-picker-search{display:flex;gap:12px;align-items:center;background:#f1f5fb;border:1px solid #d3dfef;border-radius:10px;padding:0 14px;margin-bottom:14px}.mb-builder .mb-picker-search .ui-icon{width:18px;color:#7187aa;flex-shrink:0}.mb-builder .mb-picker-search input{width:100%;height:49px;border:0;background:none;padding:10px 0;font-size:15px;box-shadow:none!important}.mb-builder .mb-picker-search input:focus{outline:0!important;box-shadow:none!important}.mb-builder .mb-picker-search:focus-within{border-color:#8ba6d2;box-shadow:0 0 0 2px #7595cd12}.mb-builder .mb-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.mb-builder .mb-picker-toolbar .mb-surface-tabs{margin:0}.mb-builder .mb-picker-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:400px;overflow:auto;padding:3px}.mb-builder .mb-ingredient-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:108px;padding:13px 7px;border:1px solid #e0e7f1;border-radius:10px;background:#f8fafe;color:#526585;text-align:center;cursor:pointer}.mb-builder .mb-ingredient-option img{width:42px;height:42px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 4px 3px #2235591a)}.mb-builder .mb-ingredient-option span{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.mb-builder .mb-ingredient-option:hover,.mb-builder .mb-ingredient-option[aria-pressed=true]{border-color:#a0b8df;background:#eaf1fe}.mb-builder .mb-picker-count{font-size:12px;color:#8090a9;margin:16px 0 0}.mb-builder .mb-starters{width:min(960px,calc(100% - 32px))}.mb-builder .mb-starters header p{font-size:13px;line-height:1.7;max-width:540px;color:#71819a;margin:10px 0 0}.mb-builder .mb-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mb-builder .mb-starter-card{display:flex;flex-direction:column;align-items:flex-start;padding:0;background:#f8fafe;border:1px solid #dce6f4;border-radius:13px;overflow:hidden;text-align:left;cursor:pointer;color:#324562}.mb-builder .mb-starter-art{display:flex;align-items:center;justify-content:center;width:100%;height:150px;background:radial-gradient(ellipse at 50% 25%,#e8f2ff,#cfdbee);border-bottom:1px solid #dce6f4}.mb-builder .mb-starter-art img{width:88px;height:88px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 12px 10px #20375b22)}.mb-builder .mb-starter-card strong{font-size:16px;padding:18px 18px 0;line-height:1.4}.mb-builder .mb-starter-card p{font-size:13px;line-height:1.7;color:#71819b;padding:0 18px;margin:8px 0 18px}.mb-builder .mb-starter-card>span:last-child{font-size:12px;font-weight:600;color:#4567a1;margin-top:auto;padding:0 18px 18px}.mb-builder .mb-starter-card:hover{border-color:#9ab4df}
.mb-builder .mb-showcase{min-width:0}.mb-builder .mb-stage-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 20px}.mb-builder .mb-stage-controls h2{font-size:20px;letter-spacing:-.025em;margin:0 0 7px}.mb-builder .mb-stage-controls p{font-size:12px;color:#7b889e;margin:0;line-height:1.65}.mb-builder .mb-stage-controls>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mb-builder .mb-stage-format{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b89a1}.mb-builder .mb-stage-format select{min-height:44px;border:1px solid #dce4ef;border-radius:8px;background:#fff;font-size:13px;padding:8px;color:#405576}.mb-builder [data-stage-home]{display:flex;justify-content:center;background:#e7ecf4;padding:12px;border:1px solid #d8e1ef;border-radius:18px}.mb-builder .mb-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;min-height:470px;overflow:hidden;border-radius:11px;background:radial-gradient(ellipse at 50% 16%,#344977 0,#1b2c4a 40%,#111e35 76%);color:#e4edfd;isolation:isolate;container-type:inline-size}.mb-builder .mb-stage:before{content:'';position:absolute;inset:40% -50% -70%;background:linear-gradient(90deg,#90b5ef09 1px,transparent 1px),linear-gradient(#90b5ef09 1px,transparent 1px);background-size:48px 48px;transform:perspective(350px) rotateX(55deg);pointer-events:none;z-index:-1}.mb-builder .mb-stage:after{content:'';position:absolute;inset:auto 12% 27%;height:36px;background:#030b1880;filter:blur(23px);border-radius:50%;pointer-events:none;z-index:-1}.mb-builder .mb-stage-overline{position:absolute;inset:25px 26px auto;display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:700;letter-spacing:.2em;color:#a7bcdf}.mb-builder .mb-stage-overline span:last-child{font-weight:400;letter-spacing:.13em;color:#849ac0}.mb-builder .mb-stage-object{--cube-size:138px;--cube-half:69px;position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;width:100%;perspective:850px;touch-action:pan-y;outline-offset:-6px!important;cursor:grab}.mb-builder .mb-stage-object:active{cursor:grabbing}.mb-builder .mb-stage-object .mb-flat-item{width:160px;height:160px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 20px 12px #03091365);transform:translateY(-3px)}.mb-builder .mb-cube{position:relative;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transform:rotateX(var(--rx,-24deg)) rotateY(var(--ry,-35deg));will-change:transform}.mb-builder .mb-cube-face{position:absolute;inset:0;width:100%;height:100%;background-image:var(--cube-texture);background-size:100% 100%;image-rendering:pixelated;backface-visibility:hidden}.mb-builder .mb-cube-face:after{content:'';position:absolute;inset:0;background:#05112a;opacity:var(--shade,0)}.mb-builder .mb-cube-face:nth-child(1){transform:translateZ(var(--cube-half));--shade:.06}.mb-builder .mb-cube-face:nth-child(2){transform:rotateY(90deg) translateZ(var(--cube-half));--shade:.22}.mb-builder .mb-cube-face:nth-child(3){transform:rotateY(180deg) translateZ(var(--cube-half));--shade:.3}.mb-builder .mb-cube-face:nth-child(4){transform:rotateY(-90deg) translateZ(var(--cube-half));--shade:.12}.mb-builder .mb-cube-face:nth-child(5){transform:rotateX(90deg) translateZ(var(--cube-half));--shade:0}.mb-builder .mb-cube-face:nth-child(6){transform:rotateX(-90deg) translateZ(var(--cube-half));--shade:.4}.mb-builder .mb-stage-caption{position:relative;z-index:1;text-align:center;padding:4px 30px 35px;max-width:100%}.mb-builder .mb-stage-caption>span{font-size:9px;font-weight:600;letter-spacing:.15em;color:#8faad4;text-transform:uppercase}.mb-builder .mb-stage-caption h3{font-size:clamp(23px,4cqw,35px);color:#eef3ff;letter-spacing:-.035em;font-weight:600;line-height:1.3;margin:10px 0 9px;overflow-wrap:anywhere}.mb-builder .mb-stage-caption p{font-size:12px;line-height:1.7;color:#9bb0d3;margin:0;overflow-wrap:anywhere}.mb-builder .mb-stage-signature{position:absolute;bottom:20px;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.015em;color:#8ca6d0}.mb-builder .mb-stage-mark{display:grid;place-items:center;width:17px;height:17px;font-size:11px;background:#799cef24;border:1px solid #91b1ef36;border-radius:4px;color:#b8cbed;font-weight:800}.mb-builder .mb-stage[data-frame=portrait]{width:min(100%,360px);aspect-ratio:9/16;min-height:0}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-overline{inset:22px 20px auto;flex-direction:column;gap:7px}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-object{min-height:280px;--cube-size:130px;--cube-half:65px}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption{padding-inline:20px}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption h3{font-size:27px}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption p{font-size:11px}.mb-builder .mb-stage-strip{display:flex;gap:9px;margin-top:15px;overflow:auto;padding:3px 2px 7px;scrollbar-width:thin}.mb-builder .mb-stage-strip button{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:46px;max-width:180px;padding:7px 12px;background:#fff;border:1px solid #dce4ef;border-radius:8px;font-size:12px;color:#61728e;cursor:pointer}.mb-builder .mb-stage-strip button[aria-pressed=true]{background:#edf3ff;border-color:#a7bde4;color:#395c98}.mb-builder .mb-stage-strip img{width:27px;height:27px;image-rendering:pixelated;object-fit:contain}.mb-builder .mb-stage-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-builder .mb-stage-hint{font-size:12px;line-height:1.8;color:#7c8da7;margin:10px 0}.mb-builder .mb-stage-empty{font-size:16px;line-height:1.8;text-align:center;color:#acbfdf;padding:30px;max-width:370px}.mb-builder .mb-stage-recipe{display:flex;align-items:center;justify-content:center;gap:24px;max-width:100%;padding:35px 24px}.mb-builder .mb-stage-recipe-grid{display:grid;grid-template-columns:repeat(3,48px);gap:5px}.mb-builder .mb-stage-recipe-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid #9ab4dd35;background:#99b5e40d;border-radius:5px}.mb-builder .mb-stage-recipe-cell img{width:33px;height:33px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #04102060)}.mb-builder .mb-stage-recipe-arrow{color:#90aad2;font-size:24px}.mb-builder .mb-stage-recipe-result{position:relative;display:grid;place-items:center;width:92px;height:92px;background:#c5d9ff12;border:1px solid #adc6eb45;border-radius:9px}.mb-builder .mb-stage-recipe-result img{width:66px;height:66px;object-fit:contain;image-rendering:pixelated}.mb-builder .mb-stage-recipe-result b{position:absolute;right:8px;bottom:5px;font-size:13px;color:#b1c9ed}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-recipe{flex-wrap:wrap;gap:18px;max-width:230px}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-recipe-grid{flex-basis:100%;grid-template-columns:repeat(3,1fr)}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-recipe-arrow{transform:rotate(90deg)}
.mb-builder .mb-capture{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:#0a1221;color:#d3e0f7;overflow:hidden}.mb-builder .mb-capture[open]{display:flex;align-items:center;justify-content:center}.mb-builder .mb-capture::backdrop{background:#0a1221}.mb-builder [data-capture-mount]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mb-builder .mb-capture .mb-stage{width:min(100%,1280px);height:min(78vh,720px);border-radius:0;max-height:100%;min-height:320px}.mb-builder .mb-capture .mb-stage[data-frame=portrait]{width:auto;height:100%;max-width:100%;aspect-ratio:9/16;min-height:0}.mb-builder .mb-capture .mb-stage-object{--cube-size:180px;--cube-half:90px;min-height:340px}.mb-builder .mb-capture .mb-stage[data-frame=portrait] .mb-stage-object{--cube-size:160px;--cube-half:80px;min-height:340px}.mb-builder .mb-capture-controls{position:absolute;right:20px;top:20px;z-index:5;display:flex;gap:8px}.mb-builder .mb-capture-controls button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #8ba1c050;background:#13243be8;backdrop-filter:blur(10px);border-radius:8px;font-size:12px;color:#b6c7e4;cursor:pointer}.mb-builder .mb-capture-controls .ui-icon{width:15px;height:15px}
@media(max-width:1100px){.mb-builder .mb-stage-controls{align-items:flex-start;flex-direction:column}.mb-builder .mb-visual-workbench{grid-template-columns:minmax(0,1fr) 20px minmax(100px,.5fr);gap:12px;padding:18px}.mb-builder .mb-craft-slot{padding:8px}.mb-builder .mb-stage-object{--cube-size:125px;--cube-half:62.5px}.mb-builder .mb-workspace-tabs{align-items:flex-start;flex-direction:column;gap:3px}.mb-builder .mb-stage-recipe{gap:16px;padding:25px 15px}.mb-builder .mb-stage-recipe-grid{grid-template-columns:repeat(3,39px)}.mb-builder .mb-stage-recipe-result{width:76px;height:76px}.mb-builder .mb-stage-recipe-cell img{width:28px;height:28px}}
@media(max-width:760px){.mb-builder .mb-studio-label{font-size:9px}.mb-builder .mb-heading h1{font-size:32px}.mb-builder .mb-workspace-tabs{flex-direction:row;align-items:center;gap:8px}.mb-builder .mb-workspace-tabs button{padding:9px 12px}.mb-builder .mb-workspace-tabs .mb-templates-link{max-width:120px;font-size:11px;line-height:1.5;text-align:right}.mb-builder .mb-library-heading{gap:12px}.mb-builder .mb-library-heading p{font-size:12px}.mb-builder .mb-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mb-builder .mb-library-tile{min-height:108px;padding:12px 5px;font-size:11px}.mb-builder .mb-library-tile img{width:44px;height:44px}.mb-builder .mb-visual-workbench{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.mb-builder .mb-crafting-grid{padding:0;gap:9px}.mb-builder .mb-craft-slot{min-height:54px}.mb-builder .mb-slot-content img{width:48px}.mb-builder .mb-crafting-arrow{transform:rotate(90deg)}.mb-builder .mb-craft-result{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 17px;align-items:center;justify-items:start}.mb-builder .mb-craft-result .mb-result-caption{grid-column:1/-1}.mb-builder .mb-output-slot{grid-row:2/4;width:90px}.mb-builder .mb-craft-result>strong{text-align:left}.mb-builder .mb-craft-result .mb-field{max-width:110px;flex-direction:row;align-items:center;gap:8px}.mb-builder .mb-craft-result .mb-field input{width:66px;padding-inline:4px}.mb-builder :is(.mb-picker,.mb-starters){width:calc(100% - 20px);padding:20px 16px;max-height:calc(100dvh - 24px);border-radius:14px}.mb-builder :is(.mb-picker,.mb-starters) h2{font-size:22px}.mb-builder .mb-picker-results{grid-template-columns:repeat(3,minmax(0,1fr));max-height:50dvh}.mb-builder .mb-picker-toolbar{flex-wrap:wrap;gap:6px}.mb-builder .mb-picker-toolbar .mb-surface-tabs{flex:1}.mb-builder .mb-picker-toolbar .mb-surface-tabs button{font-size:12px;padding:9px 10px}.mb-builder .mb-picker-toolbar>.mb-button{width:100%}.mb-builder .mb-ingredient-option{min-height:99px;padding:12px 5px}.mb-builder .mb-ingredient-option img{width:36px;height:36px}.mb-builder .mb-ingredient-option span{font-size:11px}.mb-builder .mb-starter-grid{grid-template-columns:1fr}.mb-builder .mb-starter-art{height:125px}.mb-builder .mb-stage-controls h2{font-size:19px}.mb-builder .mb-stage-controls>div:last-child{width:100%;justify-content:space-between;gap:5px}.mb-builder .mb-stage-controls .mb-button{font-size:12px;padding:9px}.mb-builder .mb-stage-format>span{display:none}.mb-builder [data-stage-home]{padding:8px;border-radius:13px}.mb-builder .mb-stage{min-height:405px}.mb-builder .mb-stage-object{--cube-size:114px;--cube-half:57px;min-height:235px}.mb-builder .mb-stage-overline{inset:20px 18px auto;letter-spacing:.13em;font-size:7px}.mb-builder .mb-stage-caption{padding:4px 15px 42px}.mb-builder .mb-stage-caption h3{font-size:25px}.mb-builder .mb-stage-caption p{font-size:11px}.mb-builder .mb-stage[data-frame=portrait] .mb-stage-object{min-height:250px;--cube-size:114px;--cube-half:57px}.mb-builder .mb-stage-recipe{gap:12px;padding-inline:10px}.mb-builder .mb-stage-recipe-grid{grid-template-columns:repeat(3,34px);gap:4px}.mb-builder .mb-stage-recipe-cell img{width:25px;height:25px}.mb-builder .mb-stage-recipe-result{width:67px;height:67px}.mb-builder .mb-stage-recipe-result img{width:47px;height:47px}.mb-builder .mb-capture{padding:0}.mb-builder .mb-capture .mb-stage{height:78vh;min-height:310px}.mb-builder .mb-capture .mb-stage[data-frame=portrait]{width:100%;height:auto;max-height:100%;min-height:0;aspect-ratio:9/16}.mb-builder .mb-capture-controls{top:12px;right:12px}.mb-builder .mb-capture-controls button{font-size:11px;padding:8px 10px}.mb-builder .mb-capture .mb-stage-object{--cube-size:125px;--cube-half:62.5px;min-height:245px}.mb-builder .mb-capture .mb-stage[data-frame=portrait] .mb-stage-object{--cube-size:135px;--cube-half:67.5px;min-height:275px}}
@media(max-width:360px){.mb-builder .mb-workspace-tabs{flex-direction:column;align-items:stretch}.mb-builder .mb-workspace-tabs>div{align-self:flex-start}.mb-builder .mb-workspace-tabs .mb-templates-link{max-width:none;justify-content:flex-start;text-align:left}.mb-builder .mb-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-builder .mb-picker-results{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-builder .mb-visual-workbench{padding:12px}.mb-builder .mb-slot-content img{width:40px}.mb-builder .mb-stage-controls>div:last-child{justify-content:flex-start}.mb-builder .mb-stage-overline{gap:6px;flex-direction:column}.mb-builder .mb-stage-recipe{flex-wrap:wrap;max-width:220px}.mb-builder .mb-stage-recipe-grid{grid-template-columns:repeat(3,42px)}.mb-builder .mb-stage-recipe-arrow{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.mb-builder .mb-cube{will-change:auto}.mb-builder *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mb-builder .mb-visual-workbench{grid-template-columns:minmax(0,340px) 40px minmax(135px,1fr)}
body.canvas-live.modonix .mb-builder .mb-picker .mb-picker-search input,body.canvas-live.modonix .mb-builder .mb-picker .mb-picker-search input:focus,body.canvas-live.modonix .mb-builder .mb-picker .mb-picker-search input:focus-visible{border:0!important;border-radius:0;outline:0!important;box-shadow:none!important;background:none}
.mb-builder .mb-library-tile small{font-size:9px;line-height:1.45;color:#8797ae}.mb-builder .mb-craft-slot.is-missing{border-color:#d6a0a9;background:#fff4f5}
.mb-builder .mb-capture .mb-stage[data-frame=portrait] .mb-stage-object{--cube-size:190px;--cube-half:95px;min-height:380px}
@media(max-width:1100px){.mb-builder .mb-visual-workbench{grid-template-columns:minmax(0,1fr) 20px minmax(100px,.5fr)}}
@media(max-width:760px){.mb-builder .mb-visual-workbench{grid-template-columns:1fr}.mb-builder .mb-capture .mb-stage[data-frame=portrait]{width:min(100%,calc(100dvh * .5625));height:auto;max-height:none}.mb-builder .mb-capture .mb-stage[data-frame=portrait] .mb-stage-object{--cube-size:135px;--cube-half:67.5px;min-height:275px}}
.mb-builder .mb-stage-signature{max-width:calc(100% - 36px);text-align:center}.mb-builder .mb-stage-credit{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.mb-builder .mb-stage-credit small{font-size:9px;color:#aac1e6;letter-spacing:.025em}.mb-builder .mb-stage-mark{flex-shrink:0}

.mb-builder .mb-stage-caption h3,.mb-builder .mb-stage-caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

.mb-builder .mb-library-clear{margin-top:12px!important;font-size:12px!important}
/* Portrait composition keeps the title and attribution inside social-player safe areas. */
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-overline{top:5%}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-object,.mb-builder .mb-capture .mb-stage[data-frame=portrait] .mb-stage-object{position:absolute;top:15%;height:34%;min-height:0}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption{position:absolute;top:55%;left:0;right:0;padding:0 20px}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption>span{font-size:9px;line-height:1.4}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption h3{font-size:clamp(20px,6cqw,28px);line-height:1.25;margin:8px 0 7px}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-caption p{font-size:10px;line-height:1.5;-webkit-line-clamp:1}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-signature{bottom:15%}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-credit small{font-size:clamp(13px,3.6cqw,20px);line-height:1.35;color:#d4e4fb;font-weight:600;letter-spacing:0}
/* Target and content choices share the editor's quiet, compact hierarchy. */
.mb-builder .mb-target-setup{min-width:0;border:1px solid #dbe5f4;border-radius:12px;background:#f7faff;padding:20px;margin:0 0 8px}
.mb-builder .mb-target-setup legend{font-size:13px;font-weight:650;color:#375375;padding:0 7px}
.mb-builder .mb-target-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mb-builder .mb-target-fields:not(:has([data-target-loader-field]:not([hidden]))){grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-builder .mb-target-setup>p{font-size:13px;line-height:1.7;margin:14px 0 0;color:#637793}
.mb-builder .mb-target-issues,.mb-builder .mb-property-warning{font-size:13px;line-height:1.7;color:#785422;background:#fff9ed;border:1px solid #ebd9b5;border-radius:8px;padding:12px 14px;margin:14px 0 0}
.mb-builder .mb-property-help{font-size:13px;line-height:1.7;color:#697d9a;padding:12px 14px;background:#f2f6fc;border-radius:8px;margin:0}
.mb-builder .mb-field input[readonly]{background:#f3f6fb;color:#798ba7}
.mb-builder .mb-cooking-settings{margin-top:20px}
.mb-builder [data-clear-cooking-settings]{margin-top:12px}
.mb-builder .mb-visual-workbench[data-mode=single]{grid-template-columns:minmax(100px,1fr) 40px minmax(135px,1fr)}
.mb-builder [data-mode=single] .mb-crafting-grid{grid-template-columns:minmax(88px,126px);justify-content:center;align-content:center}
.mb-builder [data-mode=single] .mb-slot-number,.mb-builder [data-mode=shapeless] .mb-slot-number{display:none}
.mb-builder .mb-stage-recipe[data-kind=single] .mb-stage-recipe-grid{grid-template-columns:72px;flex-basis:auto}
.mb-builder .mb-stage-recipe[data-kind=single] .mb-stage-recipe-cell img{width:48px;height:48px}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-recipe[data-kind=single]{max-width:100%;gap:18px;flex-wrap:nowrap}
.mb-builder .mb-stage[data-frame=portrait] .mb-stage-recipe[data-kind=single] .mb-stage-recipe-arrow{transform:none}
@media(max-width:760px){.mb-builder .mb-target-setup{padding:16px}.mb-builder .mb-target-fields{grid-template-columns:1fr 1fr}.mb-builder .mb-target-fields>.mb-field:last-child{grid-column:1/-1}.mb-builder .mb-visual-workbench[data-mode=single]{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:12px}.mb-builder [data-mode=single] .mb-crafting-arrow{transform:none}.mb-builder [data-mode=single] .mb-craft-result{display:flex;flex-direction:column;gap:10px}.mb-builder [data-mode=single] .mb-craft-result>strong{text-align:center}.mb-builder [data-mode=single] .mb-craft-result .mb-field{max-width:none}.mb-builder .mb-stage-recipe[data-kind=single] .mb-stage-recipe-grid{grid-template-columns:60px}}
@media(max-width:360px){.mb-builder .mb-target-fields,.mb-builder .mb-target-fields:not(:has([data-target-loader-field]:not([hidden]))){grid-template-columns:1fr}.mb-builder .mb-target-setup{padding:12px}.mb-builder .mb-visual-workbench[data-mode=single]{gap:8px;padding:12px}.mb-builder [data-mode=single] .mb-crafting-grid{grid-template-columns:minmax(70px,1fr)}.mb-builder [data-mode=single] .mb-output-slot{width:74px}}
@media(max-width:760px){.mb-builder .mb-target-fields:not(:has([data-target-loader-field]:not([hidden]))){grid-template-columns:1fr}}
.mb-builder .mb-target-issues ul{margin:8px 0 0;padding-left:18px}.mb-builder .mb-target-issues li+li{margin-top:5px}.mb-builder .mb-target-issues summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.mb-builder .mb-target-issues summary:after{content:' +';margin-left:6px}.mb-builder .mb-target-issues details[open] summary:after{content:' −'}
.mb-builder .mb-cooking-override{margin:0 0 16px}
.mb-builder .mb-build-copy{min-width:0;flex:1}.mb-builder .mb-build-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:48%}.mb-builder .mb-build-status .mb-publication-note{font-size:12px;color:var(--mb-muted);margin-top:8px}.mb-builder .mb-button[aria-disabled=true]{opacity:.55;cursor:not-allowed;background:#f2f4f8;color:#62718a}.mb-builder .mb-build-actions .mb-button{white-space:normal;text-align:center}
@media(max-width:900px){.mb-builder .mb-build-status{align-items:flex-start;flex-direction:column}.mb-builder .mb-build-actions{max-width:none;width:100%;justify-content:flex-start}}
@media(max-width:420px){.mb-builder .mb-build-actions{display:grid;grid-template-columns:1fr}.mb-builder .mb-build-actions .mb-button{width:100%}}
@media(max-width:760px){.mb-builder .mb-texture-preview>p:last-of-type,.mb-builder .mb-texture-preview>.mb-button{grid-column:1/-1}}

/* Searchable version-aware content and texture collections. */
.mb-builder .mb-filter-disclosure{position:relative;min-width:0;border:1px solid #d5dfec;border-radius:9px;background:#fff;margin:12px 0}
.mb-builder .mb-filter-disclosure summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;list-style:none;cursor:pointer;color:#5e718c;font-size:12px;line-height:1.65}
.mb-builder .mb-filter-disclosure summary::-webkit-details-marker{display:none}
.mb-builder .mb-filter-disclosure summary strong{color:#243b5b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-builder .mb-filter-disclosure summary .ui-icon{width:15px;height:15px;margin-left:auto;flex-shrink:0}
.mb-builder .mb-filter-disclosure[open] summary{border-bottom:1px solid #e1e8f2}
.mb-builder .mb-filter-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;max-height:230px;overflow:auto}
.mb-builder .mb-filter-choices button{min-height:44px;padding:9px 11px;border:1px solid transparent;border-radius:7px;background:#f7f9fc;color:#435d7e;font:inherit;font-size:12px;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.mb-builder .mb-filter-choices button[aria-pressed=true]{background:#edf3ff;border-color:#c4d5f6;color:#294eb5}
.mb-builder .mb-filter-choices button:hover{background:#eef3fa}
.mb-builder .mb-picker-target{font-size:12px;line-height:1.65;color:#5e718c;margin:10px 0 14px}
.mb-builder .mb-picker-art-note{font-size:11px;line-height:1.6;color:#5e718c;margin:11px 0 0;padding-top:11px;border-top:1px solid #e6edf6}
.mb-builder .mb-ingredient-option small{font-size:10px;line-height:1.5;color:#5e718c;margin-top:4px}
.mb-builder :is(.mb-picker-pagination,.mb-library-pagination){display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.mb-builder :is(.mb-picker-pagination,.mb-library-pagination)>div{display:flex;gap:7px}
.mb-builder :is(.mb-picker-pagination,.mb-library-pagination) .mb-button{min-height:44px;font-size:12px;padding:9px 14px}
.mb-builder :is(.mb-picker-pagination,.mb-library-pagination) .mb-button:disabled{opacity:1;background:#f5f7fb;border-color:#e5ebf3;color:#8692a4;cursor:default}
.mb-builder :is(.mb-picker-pagination .mb-picker-count,.mb-library-pagination>span){font-size:12px;line-height:1.6;color:#5e718c;margin:0}
.mb-builder .mb-library-heading{align-items:flex-start}
.mb-builder .mb-library-import-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.mb-builder .mb-library-import-actions .mb-button{min-height:44px;font-size:12px;padding:9px 12px;margin:0}
.mb-builder .mb-library-import-help{font-size:11px;line-height:1.65;color:#5e718c;margin:10px 0 15px}
.mb-builder .mb-library-sources{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}
.mb-builder .mb-library-sources button{flex:1;min-width:max-content;min-height:44px;font-size:12px;padding:9px 10px}
.mb-builder .mb-library-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.8fr);gap:10px;align-items:start}
.mb-builder .mb-library-filters input{width:100%;min-width:0;min-height:44px;margin:0}
.mb-builder .mb-library-filters .mb-filter-disclosure{margin:0}
.mb-builder .mb-library-filters .mb-filter-choices{grid-template-columns:1fr}
.mb-builder .mb-library-tile small{font-size:10px;color:#5e718c}
.mb-builder [data-recipe-result-limit]{font-size:12px;line-height:1.6;color:#795526;max-width:220px;text-align:center}
@media(max-width:760px){.mb-builder .mb-library-heading{flex-direction:column;align-items:stretch}.mb-builder .mb-library-import-actions{justify-content:flex-start}.mb-builder .mb-library-filters{grid-template-columns:1fr}.mb-builder .mb-library-filters .mb-filter-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-builder .mb-filter-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-builder .mb-picker-results{max-height:42dvh}.mb-builder .mb-picker-art-note{font-size:11px}.mb-builder .mb-picker-pagination{gap:9px}.mb-builder .mb-picker-pagination .mb-button{padding:9px 12px}.mb-builder .mb-library-pagination{align-items:flex-start;flex-direction:column;gap:9px}.mb-builder [data-recipe-result-limit]{grid-column:2;max-width:none;text-align:left}.mb-builder .mb-library-import-help{font-size:12px}}
@media(max-width:360px){.mb-builder .mb-library-sources{display:grid;grid-template-columns:1fr 1fr}.mb-builder .mb-picker-pagination{flex-wrap:wrap}.mb-builder .mb-picker-pagination>div{margin-left:auto}.mb-builder .mb-picker-toolbar .mb-surface-tabs{flex-wrap:wrap}.mb-builder .mb-picker-target{font-size:11px}.mb-builder .mb-library-import-actions .mb-button{flex:1;white-space:nowrap}}
/* The editor is a workspace. Its chrome stays in place while each working pane scrolls. */
.mb-builder .mb-mobile-workspace{display:none}
.mb-builder .mb-loading{display:none}
body.modonix-editor .mb-loading{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:32px;text-align:center;color:#667c99;font-size:13px;line-height:1.7}
body.modonix-editor .mb-loading strong{font-size:17px;color:#314967;font-weight:600}
body.modonix-editor .mb-builder:has([data-builder-workspace]:not([hidden])) .mb-loading{display:none}
body.modonix-editor{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0!important}
body.modonix-editor>.site-header{flex:0 0 auto;position:relative;top:auto;z-index:30}
body.modonix-editor>.site-footer,body.modonix-editor>.product-mobile-navigation{display:none!important}
body.canvas-live.modonix.modonix-editor .mb-builder.wrap{width:100%;max-width:none;flex:1;min-height:0;margin:0;padding:0;display:flex;flex-direction:column;background:#f4f6fa}
body.modonix-editor .mb-app-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 22px;border-bottom:1px solid #e1e7f0;background:#fff;flex:0 0 auto}
body.modonix-editor .mb-breadcrumb{align-items:center;gap:12px;margin:0;min-width:0;font-size:12px}
body.modonix-editor .mb-breadcrumb a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#566b88;text-decoration:none}
body.modonix-editor .mb-breadcrumb .ui-icon{width:16px;height:16px}
body.modonix-editor .mb-breadcrumb h1{font-size:13px;line-height:1.4;letter-spacing:0;font-weight:600;margin:0;color:#2a3b56}
body.modonix-editor .mb-target-badge{border:0;background:transparent;color:#5e718d;font-size:12px;padding:0;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.modonix-editor [data-builder-workspace]{display:flex;flex:1;min-height:0;flex-direction:column}
body.modonix-editor .mb-project-toolbar{position:relative;z-index:15;flex:0 0 auto;flex-direction:row;align-items:center;gap:18px;margin:0;border:0;border-bottom:1px solid #dce4ee;border-radius:0;min-height:78px;padding:12px 22px;background:#fff}
body.modonix-editor .mb-project-identity{flex:1;min-width:0}
body.modonix-editor .mb-project-identity>button{display:flex;align-items:center;gap:9px;max-width:100%;min-height:44px;padding:0;border:0;background:none;color:#253852;cursor:pointer;text-align:left}
body.modonix-editor .mb-project-identity strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}
body.modonix-editor .mb-project-identity .ui-icon{width:15px;height:15px;color:#8595ab;flex:0 0 auto}
body.modonix-editor .mb-project-toolbar p{margin:0;font-size:11px;line-height:1.5;color:#6b7f98}
body.modonix-editor .mb-toolbar-actions{display:flex;align-items:center;flex-wrap:nowrap;width:auto;gap:8px}
body.modonix-editor .mb-project-history{display:flex;gap:3px;padding-right:8px;border-right:1px solid #e1e7f0}
body.canvas-live.modonix.modonix-editor .mb-icon-action{width:44px;min-width:44px;padding:10px;border-color:transparent}
body.modonix-editor .mb-file-menu{position:relative;padding:0;margin:0;border:0;background:none}
body.modonix-editor .mb-file-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
body.modonix-editor .mb-file-menu>summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-file-menu>summary>.ui-icon:last-child{width:12px;height:12px}
body.modonix-editor .mb-file-actions{position:absolute;right:0;top:calc(100% + 8px);z-index:25;width:270px;padding:8px;background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 14px 45px #19324f20}
body.canvas-live.modonix.modonix-editor .mb-file-actions .mb-button{display:flex;justify-content:flex-start;width:100%;margin:0;border-color:transparent;padding:11px 10px;text-align:left;font-size:13px;font-weight:500}
body.modonix-editor .mb-file-actions kbd{font:inherit;font-size:10px;color:#8a99ac;margin-left:auto;white-space:nowrap}
body.modonix-editor [data-builder-problem-count]{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:#fff0d7;color:#8c6429;font-size:10px}
body.modonix-editor .mb-layout{grid-template-columns:248px minmax(0,1fr);align-items:stretch;gap:0;flex:1;min-height:0;overflow:hidden}
body.modonix-editor .mb-sidebar{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;border:0;border-right:1px solid #dce4ee;border-radius:0;background:#fff;scrollbar-width:thin}
body.modonix-editor .mb-sidebar-content{padding:20px 14px}
body.modonix-editor .mb-sidebar-heading{margin:0 9px 16px}
body.modonix-editor .mb-sidebar-heading h2{font-size:14px;line-height:1.4;margin:0 0 5px;color:#293e5a}
body.modonix-editor .mb-sidebar-heading>span{font-size:9px;font-weight:650;letter-spacing:.12em;color:#8b9ab0}
body.modonix-editor .mb-element-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 11px;border:1px solid #dbe4ef;border-radius:8px;background:#f8fafd;margin:0 0 12px}
body.modonix-editor .mb-element-search .ui-icon{width:16px;height:16px;color:#8192aa;flex-shrink:0}
body.canvas-live.modonix.modonix-editor .mb-element-search input{width:100%;min-width:0;min-height:42px;margin:0;border:0!important;outline:0!important;box-shadow:none!important;padding:0;background:transparent;font-size:13px;color:#304866}
body.modonix-editor .mb-element-search:focus-within{border-color:#8da8d3;box-shadow:0 0 0 2px #dbe7fa70}
body.modonix-editor .mb-editor{overflow-y:auto;overscroll-behavior-y:contain;min-height:0;padding:16px 24px 32px;scroll-margin:0;scrollbar-width:thin}
body.modonix-editor .mb-workspace-tabs{position:sticky;top:-16px;z-index:5;min-height:58px;margin:-16px -24px 16px;padding:8px 24px;border-bottom:1px solid #e0e6f0;background:#f4f6faf5;backdrop-filter:blur(8px);flex-direction:row;align-items:center}
body.modonix-editor .mb-workspace-tabs>div{background:#e7ecf4;padding:2px}
body.modonix-editor .mb-workspace-tabs button{min-height:44px;font-size:12px;padding:8px 13px}
body.modonix-editor .mb-workspace-tabs .mb-templates-link{max-width:none;text-align:left;font-size:12px;min-height:44px}
body.modonix-editor .mb-panel{max-width:1160px;margin-inline:auto;padding:24px;border-radius:12px;box-shadow:none}
body.modonix-editor .mb-panel-heading{margin-bottom:20px;gap:14px}
body.modonix-editor .mb-panel-heading h2{font-size:22px;line-height:1.3}
body.modonix-editor .mb-panel-heading p{margin-top:7px;font-size:13px}
body.modonix-editor .mb-start-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px;padding:12px 14px;border:1px solid #e0e8f4;border-radius:10px;background:#f6f9fe}
body.modonix-editor .mb-start-actions h3{font-size:13px;margin:0;white-space:nowrap;color:#506783}
body.modonix-editor .mb-start-actions>div{gap:7px}
body.modonix-editor .mb-fields{gap:16px}
body.modonix-editor .mb-target-setup{padding:16px;margin-bottom:0}
body.modonix-editor .mb-target-setup>p{font-size:12px;line-height:1.6;margin-top:12px}
body.modonix-editor .mb-element-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}
body.canvas-live.modonix.modonix-editor .mb-element-actions .mb-button{font-size:12px;padding:8px 10px}
body.modonix-editor .mb-element-actions .mb-remove{color:#8796aa;border-color:transparent}
body.modonix-editor .mb-field-error{display:block;font-size:12px;line-height:1.55;font-weight:400;color:#a55359;margin:2px 0 0}
body.canvas-live.modonix.modonix-editor .mb-builder [aria-invalid=true]{border-color:#dca4aa!important;background:#fffafb!important;box-shadow:none!important}
body.modonix-editor .mb-check-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#8d5a30;text-decoration:underline;text-underline-offset:3px;font-weight:600;cursor:pointer}
body.modonix-editor .mb-alert,body.modonix-editor .mb-build-status{flex:0 0 auto;margin:0;border-width:0 0 1px;border-radius:0;padding:10px 22px}
body.modonix-editor .mb-alert{max-height:145px;overflow:auto}
body.modonix-editor .mb-build-status{position:relative;z-index:8;min-height:66px;max-height:none;overflow:visible;gap:8px 18px}
body.modonix-editor .mb-build-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:start;min-width:0}
body.modonix-editor .mb-build-copy>h2{grid-column:1;margin:0}
body.modonix-editor .mb-build-copy>[data-builder-build-message]{grid-column:1;line-height:1.6}
body.modonix-editor .mb-publication-details{grid-column:2;grid-row:1/3;align-self:center;position:relative;margin:0;padding:0;border:0;background:none}
body.modonix-editor .mb-publication-details:has([data-builder-publication-note][hidden]){display:none}
body.modonix-editor .mb-publication-details summary{display:flex;align-items:center;gap:5px;min-height:44px;list-style:none;font-size:11px;font-weight:600;color:#5f7b73;cursor:pointer;white-space:nowrap}
body.modonix-editor .mb-publication-details summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-publication-details summary .ui-icon{width:12px;height:12px}
body.modonix-editor .mb-publication-details .mb-publication-note{position:absolute;right:0;top:100%;z-index:9;width:min(290px,calc(100vw - 30px));margin:3px 0 0;padding:14px 16px;border:1px solid #cddfd9;border-radius:10px;background:#fff;color:#506b64;font-size:12px;line-height:1.7;box-shadow:0 10px 30px #1b463420}
body.modonix-editor .mb-check-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #dbe4ef;border-radius:16px;box-shadow:0 24px 80px #172d4b30;background:#fff;color:#2b405d;overflow:auto}
body.modonix-editor .mb-check-dialog::backdrop{background:rgb(16 24 40 /46%)}
body.modonix-editor .mb-check-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body.modonix-editor .mb-check-dialog h2{font-size:23px;letter-spacing:-.03em;line-height:1.3;margin:0}
body.modonix-editor .mb-check-dialog [data-checks-summary]{font-size:14px;line-height:1.65;color:#647995;margin:16px 0}
body.modonix-editor .mb-check-dialog ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body.modonix-editor .mb-check-dialog li{margin:0;padding:0}
body.modonix-editor .mb-check-dialog li button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:13px 15px;border:1px solid #e4d7c1;border-radius:9px;background:#fffbf4;color:#715534;text-align:left;text-decoration:none;font:inherit;font-size:13px;line-height:1.65;cursor:pointer}
body.modonix-editor .mb-check-dialog li button:after{content:'→';font-size:18px;flex:0 0 auto}
body.modonix-editor .mb-check-note{font-size:12px;line-height:1.7;color:#8090a6;margin:20px 0 0;padding-top:16px;border-top:1px solid #e6ebf2}
@media(min-width:1200px){
 body.modonix-editor [data-builder-element-panel]{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:22px}
 body.modonix-editor [data-builder-element-panel]>.mb-panel-heading{grid-column:1/-1;margin-bottom:0}
 body.modonix-editor [data-builder-element-form]>.mb-fields{grid-template-columns:1fr}
 body.modonix-editor [data-builder-element-panel]>.mb-texture{margin:0;padding:0 0 0 22px;border:0;border-left:1px solid #e4eaf2}
 body.modonix-editor [data-builder-element-panel] .mb-texture-workspace{grid-template-columns:minmax(0,320px) minmax(125px,1fr);gap:20px}
 body.modonix-editor .mb-texture-preview{padding-top:56px}
 body.modonix-editor [data-builder-recipe-panel] .mb-recipe-heading{margin:16px 0 0}
 body.modonix-editor [data-builder-recipe-panel] .mb-recipe-heading h3{display:none}
 body.modonix-editor [data-builder-recipe-panel] .mb-visual-workbench{max-width:860px;margin:16px auto 0;padding:18px 24px;grid-template-columns:minmax(0,260px) 40px minmax(150px,1fr);gap:24px}
 body.modonix-editor [data-builder-recipe-panel] .mb-visual-workbench[data-mode=single]{grid-template-columns:minmax(110px,1fr) 40px minmax(150px,1fr)}
}
@media(min-width:761px) and (max-width:1100px){
 body.modonix-editor .mb-layout{grid-template-columns:210px minmax(0,1fr)}
 body.modonix-editor .mb-editor{padding-inline:16px}
 body.modonix-editor .mb-workspace-tabs{margin-inline:-16px;padding-inline:16px}
 body.modonix-editor .mb-project-toolbar{gap:10px;padding-inline:16px}
 body.modonix-editor .mb-toolbar-actions{gap:5px}
}
@media(max-width:760px){
 body.modonix-editor .mb-app-heading{min-height:42px;padding:0 12px;gap:8px}
 body.modonix-editor .mb-breadcrumb{gap:8px;font-size:11px;flex-wrap:nowrap}
 body.modonix-editor .mb-breadcrumb h1{font-size:12px;white-space:nowrap}
 body.modonix-editor .mb-target-badge{font-size:10px;max-width:45%}
 body.modonix-editor .mb-project-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:9px 12px 10px;min-height:0}
 body.modonix-editor .mb-project-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
 body.modonix-editor .mb-project-identity>button{min-width:0;max-width:60%;min-height:44px}
 body.modonix-editor .mb-project-identity strong{font-size:14px}
 body.modonix-editor .mb-project-identity .ui-icon{width:13px;height:13px}
 body.modonix-editor .mb-project-toolbar p{font-size:10px;line-height:1.5;max-width:42%;text-align:right}
 body.modonix-editor .mb-toolbar-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%}
 body.modonix-editor .mb-project-history{gap:0;padding-right:5px}
 body.canvas-live.modonix.modonix-editor .mb-toolbar-actions .mb-button{font-size:12px;padding:9px 10px}
 body.canvas-live.modonix.modonix-editor .mb-icon-action{width:44px;padding:9px}
 body.modonix-editor .mb-file-menu>summary{width:44px;padding:10px!important}
 body.modonix-editor .mb-file-menu>summary span,body.modonix-editor .mb-file-menu>summary>.ui-icon:last-child,body.modonix-editor .mb-check-action>.mb-action-label{display:none}
 body.modonix-editor .mb-file-actions{right:auto;left:50%;transform:translateX(-50%);width:min(270px,calc(100vw - 28px))}
 body.modonix-editor .mb-check-action{position:relative;width:44px;min-width:44px}
 body.modonix-editor [data-builder-problem-count]{position:absolute;right:1px;top:0;min-width:16px;height:16px;font-size:9px}
 body.modonix-editor [data-builder-export]{flex:1;max-width:150px;min-width:0;white-space:nowrap!important;gap:5px!important}
 body.modonix-editor [data-builder-export] .ui-icon{width:14px;height:14px}
 body.modonix-editor .mb-layout{display:block;position:relative;min-height:0}
 body.modonix-editor .mb-sidebar{height:100%;border:0;display:none}
 body.modonix-editor .mb-sidebar-content{padding:20px 16px 24px}
 body.modonix-editor .mb-sidebar summary{display:none}
 body.modonix-editor .mb-editor{height:100%;padding:12px 12px 24px}
 body.modonix-editor .mb-workspace-tabs{position:static;min-height:44px;display:flex;justify-content:flex-end;margin:0 0 8px;padding:0;border:0;background:transparent;backdrop-filter:none}
 body.modonix-editor .mb-workspace-tabs>div{display:none}
 body.modonix-editor .mb-editor:not(:has([data-builder-project-panel]:not([hidden]))) .mb-workspace-tabs{display:none}
 body.modonix-editor .mb-workspace-tabs .mb-templates-link{font-size:12px;min-height:44px;line-height:1.4;padding:5px 2px;text-align:right;max-width:none}
 body.modonix-editor .mb-panel{padding:18px 16px;border-radius:10px}
 body.modonix-editor .mb-panel-heading{gap:10px;flex-wrap:wrap;margin-bottom:18px}
 body.modonix-editor .mb-panel-heading>div:first-child{min-width:0}
 body.modonix-editor .mb-panel-heading h2{font-size:21px}
 body.modonix-editor .mb-panel-heading p{font-size:13px;line-height:1.65}
 body.modonix-editor .mb-element-actions{width:100%;justify-content:flex-start}
 body.modonix-editor .mb-element-actions .mb-remove{margin-left:auto!important;width:44px}
 body.modonix-editor .mb-element-actions .mb-remove span{display:none}
 body.modonix-editor .mb-start-actions{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:20px;padding:10px}
 body.modonix-editor .mb-start-actions h3{font-size:12px}
 body.modonix-editor .mb-start-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body.canvas-live.modonix.modonix-editor .mb-start-actions .mb-button{padding:8px 6px;font-size:12px;gap:5px}
 body.modonix-editor .mb-fields{gap:16px}
 body.modonix-editor [data-builder-element-form]>.mb-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 body.modonix-editor .mb-field{font-size:12px}
 body.canvas-live.modonix.modonix-editor .mb-builder :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){font-size:16px!important}
 body.modonix-editor .mb-field small{font-size:11px;line-height:1.55}
 body.modonix-editor .mb-target-setup{padding:13px}
 body.modonix-editor .mb-target-fields{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.modonix-editor .mb-target-fields:not(:has([data-target-loader-field]:not([hidden]))){grid-template-columns:repeat(2,minmax(0,1fr))}
 body.modonix-editor .mb-target-fields:not(:has([data-target-loader-field]:not([hidden])))>.mb-field:last-child{grid-column:auto}
 body.modonix-editor .mb-texture{margin-top:22px;padding-top:20px}
 body.modonix-editor .mb-texture-heading{gap:8px;margin-bottom:14px}
 body.modonix-editor .mb-texture h3{font-size:16px}
 body.modonix-editor .mb-texture-preview{display:block;padding:0}
 body.modonix-editor .mb-texture-preview h4,body.modonix-editor .mb-texture-preview canvas,body.modonix-editor .mb-texture-preview>p:not([data-builder-texture-help]),body.modonix-editor .mb-texture-preview>.mb-button{display:none}
 body.modonix-editor .mb-texture-preview [data-builder-texture-help]{font-size:12px;line-height:1.65;max-width:none;margin:0}
 body.modonix-editor .mb-library-grid{max-height:none;overflow:visible}
 body.modonix-editor [data-builder-recipe-panel] .mb-recipe-heading{margin:18px 0 10px}
 body.modonix-editor [data-builder-recipe-panel] .mb-recipe-heading h3{display:none}
 body.modonix-editor [data-builder-recipe-panel] .mb-visual-workbench{grid-template-columns:minmax(0,1fr) 16px 74px;gap:8px;padding:12px 10px;margin-top:14px;align-items:center}
 body.modonix-editor [data-builder-recipe-panel] .mb-crafting-grid{gap:5px}
 body.modonix-editor [data-builder-recipe-panel] .mb-craft-slot{min-height:44px;min-width:44px;padding:5px;border-radius:7px}
 body.modonix-editor [data-builder-recipe-panel] .mb-slot-content img{width:min(44px,100%)}
 body.modonix-editor [data-builder-recipe-panel] .mb-slot-number{top:4px;left:5px;font-size:8px}
 body.modonix-editor [data-builder-recipe-panel] .mb-crafting-arrow{transform:none}
 body.modonix-editor [data-builder-recipe-panel] .mb-crafting-arrow .ui-icon{width:17px;height:17px}
 body.modonix-editor [data-builder-recipe-panel] .mb-craft-result{display:flex;flex-direction:column;gap:6px;align-items:center}
 body.modonix-editor [data-builder-recipe-panel] .mb-output-slot{width:68px;max-width:100%}
 body.modonix-editor [data-builder-recipe-panel] .mb-craft-result>strong{font-size:11px;line-height:1.45;text-align:center}
 body.modonix-editor [data-builder-recipe-panel] .mb-craft-result .mb-field{flex-direction:column;gap:3px;max-width:68px}
 body.modonix-editor [data-builder-recipe-panel] .mb-craft-result .mb-field input{width:100%;min-height:44px;padding:5px}
 body.modonix-editor [data-builder-recipe-panel] .mb-visual-workbench[data-mode=single]{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px}
 body.modonix-editor [data-builder-recipe-panel] [data-mode=single] .mb-crafting-grid{grid-template-columns:minmax(44px,80px)}
 body.modonix-editor .mb-mobile-workspace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:0 0 auto;position:relative;z-index:15;padding:6px 12px calc(6px + env(safe-area-inset-bottom));min-height:60px;border-top:1px solid #dce4ee;background:#fff}
 body.modonix-editor .mb-mobile-workspace button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;background:transparent;border:1px solid transparent;border-radius:9px;color:#6a7d98;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
 body.modonix-editor .mb-mobile-workspace .ui-icon{width:17px;height:17px}
 body.modonix-editor .mb-mobile-workspace button[aria-pressed=true]{border-color:#d7e4fa;background:#edf3ff;color:#2f58a5}
 body.modonix-editor [data-mobile-panel=elements] .mb-sidebar{display:block}
 body.modonix-editor [data-mobile-panel=elements] .mb-editor{display:none}
 body.modonix-editor .mb-alert,body.modonix-editor .mb-build-status{padding:9px 12px;font-size:12px}
 body.modonix-editor .mb-alert{max-height:130px}
 body.modonix-editor .mb-build-copy{width:100%;flex:0 1 auto;gap:4px 10px}
 body.modonix-editor .mb-build-actions{display:flex;flex-wrap:wrap;gap:5px}
 body.modonix-editor .mb-build-status p{font-size:12px}
 body.modonix-editor .mb-build-actions .mb-button{width:auto!important;flex:1;font-size:11px!important;padding:8px!important}
 body.modonix-editor .mb-check-dialog{padding:20px 17px}
 body.modonix-editor .mb-check-dialog h2{font-size:21px}
}
@media(max-width:760px) and (max-height:560px){
 body.modonix-editor .mb-app-heading,body.modonix-editor .mb-project-identity{display:none}
 body.modonix-editor .mb-project-toolbar{padding-block:7px;gap:0}
}
@media(max-width:360px){
 body.modonix-editor .mb-app-heading{padding-inline:10px}
 body.modonix-editor .mb-breadcrumb{gap:6px}
 body.modonix-editor .mb-breadcrumb h1{font-size:11px}
 body.modonix-editor .mb-target-badge{font-size:9px;max-width:40%}
 body.modonix-editor .mb-project-toolbar{padding-inline:10px}
 body.modonix-editor .mb-file-actions{left:-94px;transform:none}
 body.modonix-editor .mb-editor{padding-inline:10px}
 body.modonix-editor .mb-panel{padding-inline:13px}
 body.modonix-editor .mb-start-actions .ui-icon{width:13px;height:13px}
 body.modonix-editor .mb-mobile-workspace{padding-inline:10px;gap:4px}
 body.modonix-editor .mb-mobile-workspace button{font-size:11px;gap:5px}
}
/* Keep game references distinct from a creator's own assets. */
body.modonix-editor .mb-picker-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border:1px solid #dce5f1;border-radius:10px;background:#f1f5fa}
body.modonix-editor .mb-picker-sources button{min-height:44px;white-space:nowrap;border-color:transparent;background:transparent}
body.modonix-editor .mb-picker-sources button[aria-pressed=true]{background:#fff;border-color:#d5e2f4;color:#305b9e;box-shadow:0 1px 3px #263f6310}
body.modonix-editor .mb-ingredient-option .mb-ingredient-id{display:block;width:100%;margin:0;color:#718097;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.5;word-break:normal;overflow-wrap:break-word;hyphens:none;font-weight:400}
body.modonix-editor .mb-ingredient-id .mb-id-namespace{display:block;font:inherit;color:#8795a8}
body.modonix-editor .mb-reference-badge{display:inline-flex;align-items:center;max-width:100%;padding:3px 6px;border:1px solid #e0e6ee;border-radius:5px;background:#f1f4f8;color:#718098;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
body.modonix-editor .mb-library-source-note{margin:8px 0 14px;color:#647893;font-size:12px;line-height:1.7}
body.modonix-editor .mb-source-attribution{display:flex;align-items:center;flex-wrap:wrap;gap:2px 14px;margin-top:14px;padding-top:8px;border-top:1px solid #e4ebf4;color:#7a899d;font-size:11px;line-height:1.6}
body.modonix-editor .mb-source-attribution :is(summary,a){display:inline-flex;align-items:center;gap:5px;min-height:44px;color:#677d99;font-size:11px;text-underline-offset:3px}
body.modonix-editor .mb-source-attribution summary{cursor:pointer;list-style:none}
body.modonix-editor .mb-source-attribution summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-source-attribution .ui-icon{width:12px;height:12px}
body.modonix-editor .mb-source-attribution details{position:relative;margin:0;padding:0;border:0}
body.modonix-editor .mb-source-attribution details[open]{flex-basis:100%;order:3}
body.modonix-editor [data-library-asset-sources]{width:100%;padding:8px 14px;border:1px solid #dce5f0;border-radius:8px;background:#f8fafd}
body.modonix-editor [data-library-asset-sources] :is(a,p){overflow-wrap:anywhere}
body.modonix-editor .mb-texture-library:not(:has([data-library-source=minecraft][aria-pressed=true])) .mb-source-attribution{display:none}
body.modonix-editor :is(.mb-library-source-context,.mb-picker-source-context)>[data-vanilla-retry]{min-height:44px;margin:0 0 10px;font-size:12px}
@media(max-width:760px){
 body.modonix-editor .mb-library-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 body.modonix-editor .mb-library-sources button{min-width:0;white-space:normal}
 body.modonix-editor .mb-picker-toolbar{flex-wrap:nowrap;gap:6px}
 body.modonix-editor .mb-picker-toolbar .mb-picker-sources{flex:1;min-width:0;margin:0}
 body.modonix-editor .mb-picker-toolbar .mb-picker-sources button{min-width:0;padding:9px 7px;font-size:12px}
 body.canvas-live.modonix.modonix-editor .mb-picker-toolbar>.mb-button{width:auto;flex:0 0 auto;min-height:44px;padding:9px 8px;font-size:12px;white-space:nowrap}
 body.modonix-editor .mb-ingredient-option .mb-ingredient-id{font-size:10px;line-height:1.55}
}
@media(max-width:760px) and (max-height:560px){
 body.modonix-editor .mb-picker{padding:14px 16px}
 body.modonix-editor .mb-picker>header{gap:10px;margin-bottom:10px;align-items:center}
 body.modonix-editor .mb-picker>header .mb-eyebrow{display:none}
 body.modonix-editor .mb-picker h2{font-size:18px}
 body.modonix-editor .mb-picker-search{margin-bottom:8px}
 body.modonix-editor .mb-picker-search input{height:44px}
 body.modonix-editor .mb-picker-toolbar{margin-bottom:10px}
 body.modonix-editor .mb-picker .mb-filter-disclosure{margin-bottom:8px}
 body.modonix-editor .mb-picker-target{margin:8px 0;font-size:11px;line-height:1.5}
}
@media(max-width:360px){
 body.canvas-live.modonix.modonix-editor .mb-toolbar-actions [data-builder-export]{padding-inline:6px}
 body.modonix-editor [data-builder-export]>.ui-icon{display:none}
}
body.modonix-editor .mb-ability-panel{min-width:0;margin:3px 0 0;padding:16px;border:1px solid #d8e4ef;border-radius:11px;background:#f7fafc}
body.modonix-editor .mb-ability-panel>legend{padding:0 6px;color:#344d69;font-size:13px;font-weight:700}
body.modonix-editor .mb-ability-description{margin:12px 0;font-size:12px;line-height:1.65;color:#647b94}
body.modonix-editor .mb-ability-description:empty,body.modonix-editor .mb-ability-preview:empty{display:none}
body.modonix-editor .mb-ability-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
body.modonix-editor .mb-ability-fields .mb-field{font-size:12px}
body.modonix-editor .mb-ability-fields .mb-field small{font-size:11px;line-height:1.5}
body.modonix-editor .mb-ability-preview{--ability-color:#50cddd;--ability-light:#baf6fa;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-height:68px;max-width:100%;margin:12px 0 16px;padding:12px;border:1px solid #e0eaf0;border-radius:8px;background:linear-gradient(135deg,#edf3f7,#f9fcff);color:#587188;font-size:12px;line-height:1.6;overflow:hidden}
body.modonix-editor .mb-ability-preview[data-color=gold]{--ability-color:#d7aa44;--ability-light:#fff0bc}
body.modonix-editor .mb-ability-preview[data-color=violet]{--ability-color:#a684dc;--ability-light:#eadcff}
body.modonix-editor .mb-ability-preview svg{display:block;max-width:100%;width:100%;height:auto;max-height:96px;overflow:visible}
body.modonix-editor .mb-ability-cell{display:block;flex:0 0 13px;width:13px;height:13px;border:1px solid var(--ability-color);background:var(--ability-light);box-shadow:inset 0 0 0 2px #ffffff90;transform:translateY(calc(var(--step,0) * -5px))}
body.modonix-editor .mb-ability-rules{margin:14px 0 0;padding-top:12px;border-top:1px solid #e0e7ef;color:#61768e;font-size:12px;line-height:1.7}
body.modonix-editor .mb-ability-safety{margin:3px 0 0;padding:0;border:0;background:none}
body.modonix-editor .mb-ability-safety>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:#526e89;font-size:12px;list-style:none;cursor:pointer}
body.modonix-editor .mb-ability-safety>summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-ability-safety .ui-icon{width:12px;height:12px}
body.modonix-editor .mb-ability-safety>p{margin:0;padding-bottom:4px;color:#71829a;font-size:12px;line-height:1.7}
@media(max-width:760px){
 body.modonix-editor .mb-ability-panel{padding:13px}
 body.modonix-editor .mb-ability-fields{gap:13px 10px}
 body.modonix-editor .mb-ability-preview{min-height:62px;padding:10px}
}

body.modonix-editor .mb-ability-panel{background:#fafcfe;padding:14px}
body.modonix-editor .mb-ability-caption{display:block;margin:0 0 8px;color:#415973;font-size:12px}
body.modonix-editor .mb-ability-action-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:1px solid #ccd9e8;border-radius:8px;background:#fff;color:#203d61;text-align:left;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;cursor:pointer}
body.modonix-editor .mb-ability-action-button span{min-width:0;overflow-wrap:anywhere}
body.modonix-editor .mb-ability-action-button .ui-icon{flex:0 0 14px;width:14px;height:14px}
body.modonix-editor .mb-ability-section{margin-top:20px;padding-top:16px;border-top:1px solid #e3eaf2}
body.modonix-editor .mb-ability-section h3{margin:0 0 13px;font-size:12px;line-height:1.5;font-weight:700;color:#314c6a}
body.modonix-editor .mb-ability-section>.mb-ability-fields{gap:14px 10px}
body.modonix-editor .mb-ability-fields .mb-field>label{display:block;line-height:1.5;margin-bottom:6px}
body.modonix-editor .mb-ability-fields .mb-field>small{display:block;margin-top:6px}
body.modonix-editor .mb-ability-item{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 11px;text-align:left;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#24384f;cursor:pointer}
body.modonix-editor .mb-ability-item:hover{background:#f4f7fc}
body.modonix-editor .mb-ability-item>img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex:none}
body.modonix-editor .mb-ability-item-name{min-width:0;flex:1;overflow-wrap:anywhere}
body.modonix-editor .mb-ability-item-name strong,body.modonix-editor .mb-ability-item-name small{display:block}
body.modonix-editor .mb-ability-item-change{font-size:11px;color:#315ade;flex:none}
body.modonix-editor .mb-ability-item.is-missing{background:#fff4f4;border-color:#eac0c0}
body.modonix-editor .mb-ability-summary{margin:18px 0 6px;padding:11px 0 0;border-top:1px solid #e3eaf2;color:#58708a;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
body.modonix-editor .mb-ability-footer{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px}
body.modonix-editor .mb-ability-footer>[role=status]{font-size:11px;color:#657c92}
body.modonix-editor .mb-ability-reset{min-height:44px;border:0;border-radius:5px;padding:6px 0;background:transparent;color:#315abe;font-size:12px;line-height:1.5;text-align:left;cursor:pointer}
body.modonix-editor .mb-ability-reset:disabled{color:#8697aa;cursor:default}
body.modonix-editor .mb-ability-safety .mb-ability-rules{border:0;padding-top:8px}
body.modonix-editor .mb-ability-filter{margin:6px 0 0;border:1px solid #d7e1ed;border-radius:8px;background:#fff;overflow:hidden}
body.modonix-editor .mb-ability-filter>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px;color:#35516f;font-size:12px;cursor:pointer;list-style:none}
body.modonix-editor .mb-ability-filter>summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-ability-filter>summary span{min-width:0;overflow-wrap:anywhere}
body.modonix-editor .mb-ability-filter>summary strong{flex-shrink:0;font-size:10px;font-weight:500;color:#73849a}
body.modonix-editor .mb-ability-filter[open]>summary{border-bottom:1px solid #e7edf4}
body.modonix-editor .mb-ability-filter>input[type=search]{display:block;width:calc(100% - 18px);margin:9px;min-height:44px;font-size:12px}
body.modonix-editor .mb-ability-filter-options{max-height:224px;overflow-y:auto;overscroll-behavior:contain;padding:0 5px}
body.modonix-editor .mb-ability-filter-options>label{display:flex;align-items:center;gap:9px;min-height:44px;margin:0;padding:7px;border-radius:5px;font-size:12px;line-height:1.5;cursor:pointer}
body.modonix-editor .mb-ability-filter-options>label:hover{background:#f3f6fb}
body.modonix-editor .mb-ability-filter-options input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:0;accent-color:#355fe8}
body.modonix-editor .mb-ability-filter-options input:disabled+span{color:#8c99aa}
body.modonix-editor .mb-ability-filter>.mb-ability-reset{margin:0 12px}
body.modonix-editor .mb-ability-filter-chips{display:flex;flex-wrap:wrap;gap:4px}
body.modonix-editor .mb-ability-chip{display:flex;align-items:center;gap:7px;min-height:44px;max-width:100%;padding:5px 8px;border:1px solid #dce5ef;border-radius:6px;background:#edf3fa;color:#385977;font-size:11px;line-height:1.4;cursor:pointer;text-align:left;overflow-wrap:anywhere}
body.modonix-editor .mb-ability-chip>span{font-size:16px;line-height:1}
body.modonix-editor .mb-ability-filter-empty{margin:7px 0;color:#7a8ca0;font-size:11px;line-height:1.5}
body.modonix-editor .mb-ability-filter>p{margin:9px 12px}
body.modonix-editor .mb-ability-picker{width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #d5dfec;border-radius:16px;background:#fff;color:#20314c;overflow-y:auto;overscroll-behavior:contain}
body.modonix-editor .mb-ability-picker::backdrop{background:rgb(16 24 40 / 46%)}
body.modonix-editor .mb-ability-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
body.modonix-editor .mb-ability-picker h2{margin:5px 0 0;font-size:24px;line-height:1.25;letter-spacing:-.6px}
body.modonix-editor .mb-ability-groups{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}
body.modonix-editor .mb-ability-groups>button{min-height:44px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:#f4f7fb;color:#607790;font-size:12px;cursor:pointer}
body.modonix-editor .mb-ability-groups>button[aria-pressed=true]{border-color:#d2defb;background:#eaf0ff;color:#315ed8}
body.modonix-editor .mb-ability-picker-note{margin:12px 0;color:#728198;font-size:12px;line-height:1.6}
body.modonix-editor .mb-ability-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.modonix-editor .mb-ability-option{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:122px;padding:14px;border:1px solid #e0e7f0;border-radius:10px;background:#fff;text-align:left;color:#264263;cursor:pointer;transition:border-color .16s,background .16s}
body.modonix-editor .mb-ability-option:hover{border-color:#bacced;background:#f8faff}
body.modonix-editor .mb-ability-option[aria-pressed=true]{border-color:#b6c9fa;background:#f1f5ff}
body.modonix-editor .mb-ability-option>small{font-size:10px;line-height:1.4;color:#8090a4}
body.modonix-editor .mb-ability-option>strong{font-size:14px;line-height:1.4}
body.modonix-editor .mb-ability-option>span{font-size:12px;line-height:1.6;color:#657e97}
body.modonix-editor .mb-ability-picker-count{font-size:11px;color:#7a8ca1;margin:14px 0 0}
@media(max-width:760px){
 body.modonix-editor .mb-ability-action-button{font-size:14px}
 body.modonix-editor .mb-ability-filter>input[type=search]{font-size:16px}
 body.modonix-editor .mb-ability-picker{padding:18px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}
 body.modonix-editor .mb-ability-picker h2{font-size:21px}
 body.modonix-editor .mb-ability-picker .mb-picker-search input{font-size:16px}
 body.modonix-editor .mb-ability-options{grid-template-columns:1fr}
 body.modonix-editor .mb-ability-option{min-height:100px}
 body.modonix-editor .mb-ability-groups{gap:4px}
 body.modonix-editor .mb-ability-groups>button{padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){body.modonix-editor .mb-ability-option{transition:none}}

body.canvas-live.modonix.modonix-editor .mb-builder .mb-ability-filter>input[type=search]{width:calc(100% - 18px);min-width:0;max-width:calc(100% - 18px);box-sizing:border-box}
body.canvas-live.modonix.modonix-editor .mb-builder .mb-ability-filter-options input[type=checkbox]{width:18px;height:18px;min-height:18px;min-width:18px;padding:0;border-radius:3px;box-shadow:none!important;background:none}
body.canvas-live.modonix.modonix-editor .mb-builder .mb-ability-filter-options input[type=checkbox]:focus-visible{outline:2px solid #6c87b6!important;outline-offset:2px}
body.canvas-live.modonix.modonix-editor .mb-builder .mb-ability-picker .mb-picker-search input{border:0!important;border-radius:0;outline:0!important;box-shadow:none!important;background:none;min-width:0}
body.modonix-editor .mb-ability-picker[open]{display:flex;flex-direction:column;overflow:hidden}
body.modonix-editor .mb-ability-picker>header,body.modonix-editor .mb-ability-picker>.mb-picker-search,body.modonix-editor .mb-ability-picker>.mb-ability-categories,body.modonix-editor .mb-ability-picker>.mb-ability-picker-note,body.modonix-editor .mb-ability-picker>.mb-ability-picker-count{flex-shrink:0}
body.modonix-editor .mb-ability-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px;align-content:start}
body.modonix-editor .mb-ability-categories{margin-top:8px;border:0;background:none;padding:0}
body.modonix-editor .mb-ability-categories>summary{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;color:#7890a8;cursor:pointer;list-style:none}
body.modonix-editor .mb-ability-categories>summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-ability-categories>summary strong{color:#385673;font-weight:600}
body.modonix-editor .mb-ability-categories>summary .ui-icon{width:12px;height:12px;margin-left:auto}
body.modonix-editor .mb-ability-categories .mb-ability-groups{max-height:160px;overflow-y:auto;margin:0 0 8px}
@media(max-width:760px) and (max-height:560px){
 body.modonix-editor .mb-ability-picker{padding:14px}
 body.modonix-editor .mb-ability-picker>header{margin-bottom:10px}
 body.modonix-editor .mb-ability-picker>header .mb-eyebrow{display:none}
 body.modonix-editor .mb-ability-picker h2{font-size:18px;margin-top:8px}
 body.modonix-editor .mb-ability-picker-note{margin:4px 0 8px;font-size:11px}
 body.modonix-editor .mb-ability-picker-count{margin-top:8px}
}

body.modonix-editor .mb-ability-options{grid-auto-rows:max-content}
body.modonix-editor .mb-ability-option{height:auto;min-height:100px}

/* Processing recipes retain the same item picker, but have their own sequence. */
@media(min-width:1200px){
 body.modonix-editor .mb-builder [data-builder-element-panel]:has([data-ability-panel]:not([hidden]) .mb-process-recipes){grid-template-columns:minmax(0,1fr) 315px}
 body.modonix-editor .mb-builder [data-builder-element-panel]:has([data-ability-panel]:not([hidden]) .mb-process-recipes) .mb-texture-workspace{grid-template-columns:1fr}
 body.modonix-editor .mb-builder [data-builder-element-panel]:has([data-ability-panel]:not([hidden]) .mb-process-recipes) .mb-texture-preview{padding-top:0}
 body.modonix-editor .mb-process-card>.mb-process-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.modonix-editor .mb-process-card .mb-process-identity{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}
 body.modonix-editor .mb-process-card [data-process-stage=Ingredients],body.modonix-editor .mb-process-card [data-process-stage="3 · Filter"],body.modonix-editor .mb-process-card [data-process-stage=Result]{grid-column:1 / -1}
 body.modonix-editor .mb-process-card .mb-process-stage{margin-bottom:0}
 body.modonix-editor .mb-process-card .mb-process-remove{justify-self:start}
}
body.modonix-editor .mb-process-recipes{min-width:0}
body.modonix-editor .mb-process-intro{margin:0 0 12px;font-size:12px;line-height:1.6;color:#64768b}
body.modonix-editor .mb-process-list{display:grid;gap:10px;min-width:0}
body.modonix-editor .mb-process-card{min-width:0;border:1px solid #dce5ef;border-radius:9px;background:#fff;overflow:clip}
body.modonix-editor .mb-process-card>summary{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:3px 8px;align-items:center;min-height:60px;padding:11px;cursor:pointer;list-style:none}
body.modonix-editor .mb-process-card>summary::-webkit-details-marker{display:none}
body.modonix-editor .mb-process-card>summary::after{content:'+';grid-column:3;grid-row:1 / span 2;font-size:18px;color:#315ade;text-align:center}
body.modonix-editor .mb-process-card[open]>summary::after{content:'−'}
body.modonix-editor .mb-process-number{grid-row:1 / span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#edf2fb;color:#39577a;font-size:11px}
body.modonix-editor .mb-process-title{font-size:13px;font-weight:650;overflow-wrap:anywhere;color:#24384f}
body.modonix-editor .mb-process-card>summary>small{grid-column:2;font-size:11px;line-height:1.45;overflow-wrap:anywhere;color:#657a90}
body.modonix-editor .mb-process-body{padding:12px;border-top:1px solid #e4eaf3}
body.modonix-editor .mb-process-identity{display:grid;gap:10px;margin-bottom:14px}
body.modonix-editor .mb-process-body .mb-field{min-width:0;margin:0}
body.modonix-editor .mb-process-body .mb-field>label{font-size:11px;line-height:1.45}
body.modonix-editor .mb-process-body input,body.modonix-editor .mb-process-body select{max-width:100%;min-width:0}
body.modonix-editor .mb-process-stage{min-width:0;margin:0 0 12px;padding:12px 0 0;border:0;border-top:1px solid #e5ebf2}
body.modonix-editor .mb-process-stage>legend{padding:0 8px 0 0;font-size:12px;font-weight:650;color:#385573}
body.modonix-editor .mb-process-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.52fr);gap:10px;align-items:start}
body.modonix-editor .mb-process-fields>.mb-wide{grid-column:auto}
body.modonix-editor .mb-process-fields>.mb-field:only-child{grid-column:1 / -1}
body.modonix-editor .mb-process-fields>.mb-field:has([data-ability-key$=".filterSeconds"]){grid-column:1 / -1}
body.modonix-editor .mb-process-fields .mb-ability-item{padding:8px;gap:6px;flex-wrap:wrap;min-height:64px}
body.modonix-editor .mb-process-fields .mb-ability-item-change{display:none}
body.modonix-editor .mb-process-fields .mb-ability-item-name strong{font-size:12px;line-height:1.4}
body.modonix-editor .mb-process-fields .mb-ability-item>img{width:26px;height:26px}
body.modonix-editor .mb-process-body .mb-field>small{font-size:10px;line-height:1.5}
body.modonix-editor .mb-process-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;color:#657a90}
body.modonix-editor .mb-process-add,body.modonix-editor .mb-process-remove{min-height:44px;padding:8px 11px;border:1px solid #dce5ef;border-radius:6px;background:#f6f8fc;font:inherit;font-size:12px;color:#315ade;cursor:pointer}
body.modonix-editor .mb-process-remove{color:#864046;background:#fff}
body.modonix-editor .mb-process-add:disabled,body.modonix-editor .mb-process-remove:disabled{opacity:.5;cursor:not-allowed}
body.modonix-editor .mb-process-card>summary:focus-visible,body.modonix-editor .mb-process-add:focus-visible,body.modonix-editor .mb-process-remove:focus-visible{outline:2px solid #315ade;outline-offset:2px}
@media(max-width:600px){body.modonix-editor .mb-process-body input,body.modonix-editor .mb-process-body select{font-size:16px}body.modonix-editor .mb-process-fields{grid-template-columns:minmax(0,1fr) minmax(84px,.65fr)}}
@media(max-width:600px){body.modonix-editor .mb-process-fields>.mb-field:has([data-ability-key$=".effect"]){grid-column:1 / -1}}
body.modonix-editor .mb-starters[open]{display:flex;flex-direction:column;overflow:hidden}
body.modonix-editor .mb-starters>header,body.modonix-editor .mb-starters>.mb-picker-search,body.modonix-editor .mb-starter-filters,body.modonix-editor .mb-starter-target,body.modonix-editor .mb-starter-count{flex-shrink:0}
body.modonix-editor .mb-starters>header{margin-bottom:16px}
body.modonix-editor .mb-starter-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px;grid-auto-rows:max-content;align-content:start}
body.modonix-editor .mb-starter-card{height:auto;align-self:start}
body.modonix-editor .mb-starter-card .mb-starter-art{height:110px}
body.modonix-editor .mb-starter-filters{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0}
body.modonix-editor .mb-starter-filters button{min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:#f4f7fb;color:#607790;font-size:12px;cursor:pointer}
body.modonix-editor .mb-starter-filters button[aria-pressed=true]{border-color:#d2defb;background:#eaf0ff;color:#315ed8}
body.modonix-editor .mb-starter-target{font-size:12px;color:#71839a;line-height:1.6;margin:10px 0 14px}
body.modonix-editor .mb-starter-count{font-size:11px;color:#7a8ca1;margin:14px 0 0}
body.canvas-live.modonix.modonix-editor .mb-builder .mb-starters .mb-picker-search input{border:0!important;border-radius:0;outline:0!important;box-shadow:none!important;background:none;min-width:0}
@media(min-width:1200px){
 body.modonix-editor [data-builder-element-panel]:has([data-ability-panel]:not([hidden])){grid-template-columns:minmax(300px,350px) minmax(0,1fr)}
 body.modonix-editor [data-builder-element-panel]:has([data-ability-panel]:not([hidden])) .mb-texture-workspace{grid-template-columns:minmax(0,280px) minmax(125px,1fr);gap:16px}
}
@media(max-width:760px) and (max-height:560px){
 body.modonix-editor .mb-starters{padding:14px}
 body.modonix-editor .mb-starters>header{margin-bottom:10px}
 body.modonix-editor .mb-starters>header .mb-eyebrow{display:none}
 body.modonix-editor .mb-starters h2{font-size:20px}
 body.modonix-editor .mb-starter-filters{margin-top:6px}
 body.modonix-editor .mb-starter-target{margin:6px 0 10px;font-size:11px}
 body.modonix-editor .mb-starter-count{margin-top:8px}
}

body.canvas-live.modonix.modonix-editor .mb-builder .mb-ability-toggle input[type=checkbox]{width:22px;height:22px;min-height:22px;min-width:22px;align-self:center;padding:0;margin:0;border-radius:4px;accent-color:#355fe8;box-shadow:none!important}
body.modonix-editor .mb-ability-toggle{display:grid;align-content:start;grid-template-columns:minmax(0,1fr) 24px;align-items:center}
body.modonix-editor .mb-ability-fields .mb-ability-toggle>label{display:flex;align-items:center;min-height:44px;margin:0;cursor:pointer}
body.modonix-editor .mb-ability-toggle>small{grid-column:1/-1}