.next-blend{flex-direction:column;gap:.75rem;width:100%;min-width:0;display:flex}.next-blend-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.next-blend-title{margin:0;font-size:1.35rem;font-weight:600}.next-blend-back{min-height:44px}.next-blend-body{grid-template-columns:minmax(0,1fr) minmax(280px,38%);grid-template-areas:"panel result";align-items:start;gap:1rem;min-width:0;display:grid}.next-blend-panel{flex-direction:column;grid-area:panel;gap:.5rem;min-width:0;display:flex}.next-blend-result{z-index:4;flex-direction:column;grid-area:result;gap:.6rem;min-width:0;padding:.5rem;display:flex;position:sticky;top:.5rem;margin:0!important}.next-product .next-blend-result.box{background:var(--bulma-scheme-main,#fff)}.next-blend-frame{aspect-ratio:1;background:#80808014;border-radius:6px;width:100%;position:relative;overflow:hidden}.next-blend-frame>.next-blend-image{object-fit:contain;width:100%;height:100%;display:block}.next-blend-placeholder{text-align:center;opacity:.8;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:0}.next-blend-updating{color:#fff;background:#17181cc7;border-radius:4px;padding:.25rem .6rem;font-size:.9rem;position:absolute;top:.5rem;left:.5rem}.next-blend-run{flex-wrap:wrap;gap:.5rem;display:flex}.next-blend-action{min-height:48px}.next-blend-status{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:1.5rem;display:flex}.next-blend-actions{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.next-blend-controls{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-height:44px;display:flex}.next-blend-controls .MuiButton-root{min-height:44px}.next-blend-sum{font-variant-numeric:tabular-nums;margin-right:.25rem}.next-blend-sum-line{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.next-blend-sum-line .MuiButton-root{min-height:44px}.next-blend-slots{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(max(230px,25% - .5625rem),1fr));align-content:start;gap:.75rem;min-width:0;max-height:calc(100vh - 9rem);padding:2px 6px 2px 2px;display:grid;position:relative;overflow:hidden auto}.next-blend-slot{border:1px solid #8080804d;border-radius:6px;flex-direction:column;gap:.25rem;min-width:0;padding-bottom:.4rem;display:flex}@media (width>=600px){.next-blend-slots .next-face{grid-template-columns:96px minmax(0,1fr);align-content:start;align-items:start;gap:8px;max-width:none;padding:.5rem .5rem 0;display:grid}.next-blend-slots .next-face .next-face-image{grid-area:1/1/span 3;width:96px}.next-blend-slots .next-input-row{flex-direction:column;grid-column:2;align-items:stretch;gap:8px;min-width:0}.next-blend-slots .next-input-row>.next-field{flex:none;min-width:0}.next-blend-slots .next-face-generate{min-height:44px}.next-blend-slots .next-face-hint{place-items:center;margin:0;font-size:.75rem;line-height:1.2;display:grid;inset:48px 4px 0}.next-blend-slots .next-tile-status{grid-column:2;min-width:0}}.next-blend-slots .next-face-actions{display:none}.next-blend-weight{grid-template-columns:auto minmax(0,1fr) 3.2em;align-items:center;gap:.5rem;min-height:44px;padding:0 .6rem;display:grid}.next-blend-weight input[type=range]{accent-color:#ce621d;width:100%;min-width:0;height:44px;margin:0}.next-blend-weight-value{font-variant-numeric:tabular-nums;text-align:right}@media (width<=899px){.next-blend-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"result""panel"}.next-blend-result{box-sizing:border-box;justify-self:center;width:100%;max-width:440px;position:static}.next-blend-slots{max-height:none;overflow-y:visible}}@media (width<=599px){.next-blend-slots{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;flex-direction:row;align-items:flex-start;padding:2px 0 8px;display:flex;overflow:auto hidden}.next-blend-slot{scroll-snap-align:center;flex:0 0 calc(100% - 40px);width:calc(100% - 40px)}.next-blend-slots .next-face{max-width:none;padding:.5rem}.next-blend-controls{justify-content:center}}.next-mode-row{justify-content:center;width:100%;margin:0 auto .75rem;display:flex}.next-mode-switch .MuiButton-root{min-width:112px;min-height:44px;font-weight:600}
