/* Visual navigation above the existing, live engine controls. */
html#itodiUi.itodi-visual-flow{--itodi-blue:#0646f8;--itodi-blue-dark:#0036d9;--itodi-blue-soft:#eef3ff;--itodi-ink:#202124;--itodi-line:#e2e3e7;--itodi-soft:#f4f4f6;--itodi-lime:#cffd97;--itodi-lime-soft:#f1ffe0}
html#itodiUi.itodi-visual-flow .main{grid-template-columns:minmax(0,1fr) 430px!important;grid-template-rows:minmax(0,1fr)!important;gap:20px!important;padding:20px!important}
html#itodiUi.itodi-visual-flow .main>#itsLeft{display:none!important}
html#itodiUi.itodi-visual-flow .main>#viewer{grid-column:1!important;grid-row:1!important;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,#fff,#eef0f4)}
html#itodiUi.itodi-visual-flow .main>.left{grid-column:2!important;grid-row:1!important;border-radius:20px;background:#fff}
html#itodiUi.itodi-visual-flow #itsTitle,html#itodiUi.itodi-visual-flow #itsSubnav{display:none!important}
html#itodiUi.itodi-visual-flow #itsPanelHeader{padding:0 18px 8px!important;border:0!important;min-height:0!important}
html#itodiUi.itodi-visual-flow #itsPanelHeader:has(>:is(label,#itsMaterialFamilyLabel):not([hidden])){padding-bottom:10px!important}
#ivMainTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;flex:0 0 auto;padding:12px 8px 0;border-bottom:1px solid var(--itodi-line)}
#ivMainTabs:has(button:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}
#ivMainTabs button{font:500 11px/1.2 Manrope,sans-serif;color:#6f7378;border:0;border-radius:0;background:transparent;min-width:0;min-height:56px;padding:3px 1px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;border-bottom:3px solid transparent}
#ivMainTabs button>span:first-child{font-size:22px;line-height:22px}
#ivMainTabs button[aria-pressed=true]{color:#0646f8;border-bottom-color:#0646f8;font-weight:700}
#ivHeadingRow{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;flex:0 0 auto}
#ivHeading{font:400 27px/1.2 Georgia,serif;margin:0;color:#202124}
#ivProgress{font:11px Manrope,sans-serif;color:#6f7378}
#ivHeadingTools{display:flex;align-items:center;gap:10px;min-width:0}
#ivSummaryTop{border:0;border-radius:22px;min-height:34px;padding:0 14px;background:#0646f8;color:#fff;font:700 11px/1 Manrope,sans-serif;white-space:nowrap;cursor:pointer}
#ivSubtabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;margin:0 18px 12px;padding:3px;flex:0 0 auto;background:#f4f4f6;border:0;border-radius:11px;overflow:visible}
#ivSubtabs[hidden]{display:none!important}
#ivSubtabs button{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;padding:5px 7px;border:0;border-radius:8px;background:transparent;color:#727780;text-align:center;font:400 11px/1.3 Manrope,sans-serif;white-space:normal;overflow-wrap:anywhere;box-shadow:none;cursor:pointer}
#ivSubtabs button::after{content:none}
#ivSubtabs button[aria-pressed=true]{background:#fff;color:#202124;box-shadow:0 1px 4px rgba(20,25,35,.06)}

#ivFlowFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--itodi-line);flex:0 0 auto;background:#fff}
#ivFlowFooter button{border:0;border-radius:24px;min-height:40px;padding:9px 20px;font:12px Manrope,sans-serif;cursor:pointer}
#ivPrevious{background:transparent;color:#6f7378}#ivPrevious:disabled{opacity:.3;cursor:default}
#ivFooterSummary{background:#fff;color:#0646f8;border:1px solid #c8d5ff!important;min-width:112px}
#ivNext{background:#0646f8;color:#fff;min-width:130px}
html#itodiUi.itodi-visual-flow #itodiShellSections{padding:0 18px 12px!important;overflow-x:hidden!important}
html#itodiUi.itodi-visual-flow #itodiShellSections .scroll{padding:0!important}
html#itodiUi.itodi-visual-flow #itsStylePanel{padding:0 18px 14px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;overflow:auto}
html#itodiUi.itodi-visual-flow #itsStylePanel[hidden]{display:none!important}
html#itodiUi.itodi-visual-flow #itsStylePanel button{display:flex!important;flex-direction:column;justify-content:center;text-align:center;gap:8px;min-width:0;padding:8px!important;min-height:110px;border-radius:12px;background:#f4f4f6}
html#itodiUi.itodi-visual-flow #itsStylePanel img{width:100%!important;height:75px!important;object-fit:contain}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;max-height:none!important;width:100%!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid> :is(button,div){min-width:0!important;width:auto!important;max-width:100%!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid :is(.base-card,.installation-mode-card,.leg-model-card,.front-profile-card,.itodi-handle-model-card,.ibl-style-tile,.ibl-choice,.step5-progress-card),html#itodiUi.itodi-visual-flow .left .w137-presets>button,html#itodiUi.itodi-visual-flow .left .w141-door-choice>button{display:flex!important;flex-direction:column!important;justify-content:center;align-items:center;gap:4px!important;padding:6px 4px!important;min-height:70px!important;text-align:center!important;font-size:10px!important;line-height:1.2!important;border-radius:9px!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid :is(svg,img){max-width:100%!important;width:54px!important;height:42px!important;object-fit:contain;flex:0 0 auto!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid :is(.front-profile-preview,.base-preview,.leg-preview,.itodi-handle-model-visual){height:42px!important;min-height:0!important}
/* Text-only foundation choices do not need the height of illustrated cards. */
html#itodiUi.itodi-visual-flow .left :is(.installation-mode-grid,.base-choice-grid,.base-grid){gap:7px!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid :is(.installation-mode-card,.base-card){min-height:42px!important;padding:8px 7px!important;border-radius:8px!important;font:400 11px/1.3 Manrope,sans-serif!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid :is(.installation-mode-copy,.installation-mode-name,.base-name){font:inherit!important;margin:0!important}
html#itodiUi.itodi-visual-flow .left .base-card :is(.base-check,.base-card-check){display:none!important}
html#itodiUi.itodi-visual-flow .left #baseChoiceGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
html#itodiUi.itodi-visual-flow .left #baseChoiceGrid .base-card{min-height:36px!important;padding:7px 3px!important;font-size:10px!important;white-space:nowrap}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%;margin:8px 0 14px}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices .leg-model-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:80px!important;height:auto!important;width:auto!important;padding:7px 3px!important;border:1px solid #dce0e6!important;border-radius:8px!important;background:#fff;box-shadow:none!important}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices .leg-model-card.selected{border-color:#0646f8!important;background:#eef3ff!important;color:#0646f8!important}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices .leg-check{display:none!important}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices .leg-thumb{display:flex;align-items:center;justify-content:center;width:100%!important;height:39px!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices .leg-thumb svg{width:39px!important;height:39px!important;max-width:100%;margin:0!important}
html#itodiUi.itodi-visual-flow .left .iv-plinth-choices .leg-model-name{display:flex;align-items:center;justify-content:center;min-height:24px;margin:0!important;font:10px/1.2 Manrope,sans-serif!important;text-align:center;white-space:normal}
html#itodiUi.itodi-visual-flow #plinthSettings>.base-settings-title{font:11px/1.4 Manrope,sans-serif!important;color:#6f7378!important;margin:14px 0 0!important}
.iv-segment-drag{position:absolute;transform:translate(-50%,-50%);z-index:26;pointer-events:auto;touch-action:none;cursor:ew-resize;width:30px;height:25px;min-height:0;border:1px solid #fff;border-radius:7px;background:#0646f8;color:#fff;font:17px/1 Manrope,sans-serif;box-shadow:0 1px 5px #142a6433}
.iv-segment-drag:focus-visible{outline:2px solid #0646f8;outline-offset:3px}
html#itodiUi.itodi-visual-flow:not([data-visual-group=construction][data-visual-route=division]) :is(.iv-width-control,.iv-segment-drag,.w105-width-trigger,.itodi-column-dimension,.ibl-model-dimension[data-structure-kind=col],.ibl-model-dimension[data-structure-kind=panel2A],.handle[data-structure-kind=col],.handle[data-structure-kind=panel2A],.handle[data-structure-kind=divider]){display:none!important;pointer-events:none!important}
.iv-segment-width-editor{flex-wrap:wrap;width:280px;box-sizing:border-box;font:12px/1.4 Manrope,sans-serif}
.iv-segment-width-editor small{width:100%;color:#b42318}
.iv-segment-width-editor small:empty{display:none}
html#itodiUi.itodi-visual-flow .itodi-column-dimension.iv-width-control{display:flex;align-items:center;gap:0;padding:0;min-height:32px;border:1px solid #dce1e9;border-radius:7px;background:#fff;font:11px/1.2 Manrope,sans-serif;box-shadow:0 2px 7px #20212408;cursor:default}
html#itodiUi.itodi-visual-flow .iv-width-control button{height:32px;min-width:26px;min-height:32px;padding:0 5px;border:0;border-radius:6px;background:transparent;color:#0646f8;font:16px/1 Manrope,sans-serif;cursor:pointer}
html#itodiUi.itodi-visual-flow .iv-width-control .iv-width-value{min-width:43px;color:#292b2f;font-size:11px;white-space:nowrap}
html#itodiUi.itodi-visual-flow .iv-width-control button:disabled{color:#bbc0c8;cursor:default}
html#itodiUi.itodi-visual-flow .iv-width-control button:hover:not(:disabled){background:#eef3ff}
html#itodiUi.itodi-visual-flow .iv-width-control button:focus-visible{outline:2px solid #0646f8;outline-offset:1px}
@media(max-width:760px){
 html#itodiUi.itodi-visual-flow .itodi-column-dimension.iv-width-control{display:grid;grid-template-columns:24px 24px;width:50px;min-height:0}
 html#itodiUi.itodi-visual-flow .iv-width-control button{min-width:0;width:24px;min-height:25px;height:25px;padding:0}
 html#itodiUi.itodi-visual-flow .iv-width-control .iv-width-value{grid-column:1/-1;grid-row:1;min-width:0;width:48px;min-height:23px;height:23px;font-size:10px}
 html#itodiUi.itodi-visual-flow .viewer:has(.iv-width-control) .w138-width-label{visibility:hidden}
}
html#itodiUi.itodi-visual-flow .left:has(#step3 #skirtingProxyPanel) .itodi-original-cutout-basic-hidden,
html#itodiUi.itodi-visual-flow #step3 .toggle-row:has(#skirtingToggle)[hidden]{display:none!important}
/* Material palettes use the same spacing and selection treatment as edge colours. */
html#itodiUi.itodi-visual-flow[data-visual-group=color] #itodiShellSections{container:palette-panel / size}
html#itodiUi.itodi-visual-flow .left .iv-material-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 5px!important;align-items:stretch!important;padding:0!important}
html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;min-height:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:5px 3px!important;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;color:#626873!important;font:10px/1.2 Manrope,sans-serif!important;text-align:center!important;box-shadow:none!important;cursor:pointer}
html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch.selected,.back-colour-card.selected,[aria-pressed=true]){border-color:#0646f8!important;background:#eef3ff!important;color:#202124!important;box-shadow:none!important}
html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card):hover:not(:disabled){background:#f4f5f7!important}
html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card):focus-visible{outline:3px solid #cffd97!important;outline-offset:2px!important}
html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch-circle,[data-back-group=closed]>i,.back-colour-swatch){display:block!important;flex:0 0 auto!important;width:28px!important;height:28px!important;min-width:0!important;min-height:0!important;margin:0!important;border:1px solid #20212416!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;outline:none!important;box-shadow:none!important}
html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch-name,.iv-material-name,.back-colour-label){display:block!important;min-height:0!important;max-width:100%!important;margin:0!important;font:inherit!important;color:inherit!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important}
html#itodiUi.itodi-visual-flow .left .iv-material-grid .material-swatch-code{display:none!important}
html#itodiUi.itodi-visual-flow .left .iv-material-selected{font:11px/1.4 Manrope,sans-serif!important;margin:10px 0 0!important;color:#292b2f!important}
html#itodiUi.itodi-visual-flow .left .iv-material-selected[hidden]{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] :is(#materialCards,#frontMaterialCards,#backMaterialCards){gap:0!important;margin:0!important;padding:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .itodi-front-material-section{margin:0!important;padding:0!important;border:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .itodi-front-material-section>.layout-heading{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #frontMaterialAdvancedBlock{gap:8px!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #backCustomMaterials{margin-top:10px!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .itodi-material-bottom-actions{margin-top:12px!important;padding-top:0!important;border:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .itodi-material-special-action{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #itodiSplitBacks section:has(input){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:10px}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #itodiSplitBacks section:has(input) :is(strong,label){margin:0;font-size:11px;align-self:center}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #itodiSplitBacks section:has(input) .itodi-back-choice-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #itodiSplitBacks [data-back-group=visible]{flex-direction:row;justify-content:center;min-height:42px;padding:6px 9px;gap:8px;font:11px/1.2 Manrope,sans-serif}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #itodiSplitBacks [data-back-group=visible]>i{flex:0 0 auto;width:24px;height:24px}
html#itodiUi.itodi-visual-flow .left [data-iv-overflow]{display:none!important}
/* One independent material tab owns all edge finishes. */
html#itodiUi.itodi-visual-flow .itodi-plywood-edges{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-route=edges] :is(#itodiShellSections,#itsPanelHeader){display:none!important}
#ivEdgesPanel{flex:1 1 0;min-height:0;overflow:auto;overflow-x:hidden;padding:2px 18px 12px;font:12px/1.4 Manrope,sans-serif;color:#292b2f;scrollbar-width:thin;container:palette-panel / size}
#ivEdgesPanel[hidden]{display:none!important}
#ivEdgeDefaults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
#ivEdgesPanel .iv-edge-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;padding:5px 3px;border:1px solid transparent;border-radius:8px;background:#fff;color:#626873;font:10px/1.2 Manrope,sans-serif;cursor:pointer;box-shadow:none}
#ivEdgesPanel .iv-edge-choice>span:last-child{max-width:100%;overflow-wrap:anywhere}
#ivEdgesPanel .iv-edge-choice[aria-pressed=true]{border-color:#0646f8;background:#eef3ff;color:#202124}
#ivEdgesPanel .iv-edge-choice:hover:not(:disabled){background:#f4f5f7}
#ivEdgesPanel .iv-edge-choice:focus-visible{outline:3px solid #cffd97;outline-offset:2px}
#ivEdgesPanel .iv-edge-choice:disabled{opacity:.38;cursor:default}
#ivEdgesPanel .iv-edge-swatch{display:block;flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid #20212416;background-size:cover;background-position:center}
#ivEdgesPanel .iv-edge-matching{background:linear-gradient(135deg,#dedfdc 0 46%,#fff 46% 54%,#a8aba8 54%)}
#ivEdgesPanel #ivEdgeDefaults .iv-edge-choice{flex-direction:row;justify-content:center;gap:9px;min-height:42px;padding:6px 9px;border-color:#e2e5eb;background:#f7f8fa;font-size:11px}
#ivEdgesPanel #ivEdgeDefaults .iv-edge-choice[aria-pressed=true]{border-color:#0646f8;background:#eef3ff}
#ivEdgesPanel #ivEdgeDefaults .iv-edge-swatch{width:32px;height:22px;border-radius:4px}
#ivEdgeColorHeading{font-size:11px;color:#626873;margin:0 0 8px}
#ivEdgeColors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 5px;align-items:stretch}
#ivEdgeSelected{font:11px/1.4 Manrope,sans-serif;margin:10px 0 0;color:#292b2f}
#ivEdgeNote{font:10px/1.4 Manrope,sans-serif;margin:6px 0 0;color:#838891}
#ivEdgeNote[hidden]{display:none!important}
@media(max-width:760px){#ivEdgesPanel{padding:2px 12px 10px}}
@media(max-height:760px){#ivEdgeColors{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}#ivEdgesPanel .iv-edge-swatch{width:23px;height:23px}#ivEdgesPanel .iv-edge-choice{font-size:9px;gap:4px;padding:4px 2px}#ivEdgeDefaults{margin-bottom:9px}}
@media(max-height:760px){
 html#itodiUi.itodi-visual-flow .left .iv-material-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
 html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card){font-size:9px!important;gap:4px!important;padding:4px 2px!important}
 html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch-circle,[data-back-group=closed]>i,.back-colour-swatch){width:23px!important;height:23px!important}
}
@container palette-panel (max-height:350px){
 #ivEdgeColors{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px 2px}
 #ivEdgesPanel #ivEdgeColors .iv-edge-choice{justify-content:center;min-height:40px;padding:5px 2px}
 #ivEdgesPanel #ivEdgeColors .iv-edge-choice>span:last-child{display:none}
 #ivEdgesPanel #ivEdgeColors .iv-edge-swatch{width:27px;height:27px}
 #ivEdgeDefaults{margin-bottom:9px}
 html#itodiUi.itodi-visual-flow .left .iv-material-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px 2px!important}
 html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card){justify-content:center!important;min-height:40px!important;padding:5px 2px!important}
 html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch-name,.iv-material-name,.back-colour-label){display:none!important}
 html#itodiUi.itodi-visual-flow .left .iv-material-grid :is(.material-swatch-circle,[data-back-group=closed]>i,.back-colour-swatch){width:27px!important;height:27px!important}
}
@container palette-panel (min-height:261px) and (max-height:350px){
 html#itodiUi.itodi-visual-flow[data-visual-route=body] .left .iv-material-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 5px!important}
 html#itodiUi.itodi-visual-flow[data-visual-route=body] .left .iv-material-grid .material-swatch{justify-content:flex-start!important;min-height:0!important;padding:5px 3px!important;font-size:10px!important;gap:5px!important}
 html#itodiUi.itodi-visual-flow[data-visual-route=body] .left .iv-material-grid .material-swatch-name{display:block!important}
 html#itodiUi.itodi-visual-flow[data-visual-route=body] .left .iv-material-grid .material-swatch-circle{width:28px!important;height:28px!important}
}
html#itodiUi.itodi-visual-flow .left #itodiShellSections[data-palette-compact] .iv-material-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px 2px!important}
html#itodiUi.itodi-visual-flow .left #itodiShellSections[data-palette-compact] .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card){justify-content:center!important;min-height:40px!important;padding:5px 2px!important}
html#itodiUi.itodi-visual-flow .left #itodiShellSections[data-palette-compact] .iv-material-grid :is(.material-swatch-name,.iv-material-name,.back-colour-label){display:none!important}
html#itodiUi.itodi-visual-flow .left #itodiShellSections[data-palette-compact] .iv-material-grid :is(.material-swatch-circle,[data-back-group=closed]>i,.back-colour-swatch){width:27px!important;height:27px!important}
/* One-line material families and a quiet swatch palette, matching the approved reference. */
html#itodiUi.itodi-visual-flow #itsMaterialFamilyLabel{margin:4px 0 14px!important;min-width:0;color:#6f7378;font:11px/1.4 Manrope,sans-serif}
html#itodiUi.itodi-visual-flow #itsMaterialFamilyLabel[hidden]{display:none!important}
html#itodiUi.itodi-visual-flow #itsMaterialFamily{display:none!important}
#ivMaterialFamilies{display:flex;flex-wrap:nowrap;gap:4px;margin-top:8px;min-width:0}
html#itodiUi.itodi-visual-flow #ivMaterialFamilies button{flex:1 1 auto;width:auto;min-width:0;min-height:34px;padding:6px 5px;border:1px solid #dce0e6;border-radius:7px;background:#fff;color:#292b2f;font:10px/1.2 Manrope,sans-serif;white-space:nowrap;cursor:pointer}
html#itodiUi.itodi-visual-flow #ivMaterialFamilies button[aria-pressed=true]{border-color:#0646f8;background:#eef3ff;color:#0646f8}
html#itodiUi.itodi-visual-flow #ivMaterialFamilies button:focus-visible{outline:2px solid #0646f8;outline-offset:2px}
html#itodiUi.itodi-visual-flow .iv-palette-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:3px 0 12px;width:100%;min-width:0}
html#itodiUi.itodi-visual-flow .iv-palette-heading[hidden]{display:none!important}
html#itodiUi.itodi-visual-flow :is(#frontMaterialCards,#backMaterialCards)>.iv-palette-heading{margin-top:12px}
html#itodiUi.itodi-visual-flow .iv-palette-heading :is(.iv-palette-label,#ivEdgeColorHeading){flex:0 0 auto;margin:0;font:11px/1.4 Manrope,sans-serif;color:#6f7378}
html#itodiUi.itodi-visual-flow .left .iv-palette-heading :is(.iv-material-selected,#ivEdgeSelected){min-width:0;margin:0!important;color:#292b2f!important;font:11px/1.4 Manrope,sans-serif!important;text-align:right;overflow-wrap:anywhere}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .left #itodiShellSections .iv-material-grid,
html#itodiUi.itodi-visual-flow #ivEdgesPanel #ivEdgeColors{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:7px 3px!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .left #itodiShellSections .iv-material-grid :is(.material-swatch,[data-back-group=closed],.back-colour-card),
html#itodiUi.itodi-visual-flow #ivEdgesPanel #ivEdgeColors .iv-edge-choice{align-items:center!important;justify-content:center!important;gap:0!important;min-height:44px!important;padding:5px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .left #itodiShellSections .iv-material-grid :is(.material-swatch-name,.iv-material-name,.back-colour-label),
html#itodiUi.itodi-visual-flow #ivEdgesPanel #ivEdgeColors .iv-edge-choice>span:last-child{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .left #itodiShellSections .iv-material-grid :is(.material-swatch-circle,[data-back-group=closed]>i,.back-colour-swatch),
html#itodiUi.itodi-visual-flow #ivEdgesPanel #ivEdgeColors .iv-edge-swatch{width:33px!important;height:33px!important;border-radius:50%!important;border:1px solid #20212418!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] .left #itodiShellSections .iv-material-grid :is(.selected,[aria-pressed=true]) :is(.material-swatch-circle,.back-colour-swatch,i),
html#itodiUi.itodi-visual-flow #ivEdgesPanel #ivEdgeColors [aria-pressed=true] .iv-edge-swatch{outline:1.5px solid #0646f8!important;outline-offset:3px!important}
@media(max-width:370px){
 html#itodiUi.itodi-visual-flow #ivMaterialFamilies button{font-size:9px;padding-inline:3px}
 html#itodiUi.itodi-visual-flow[data-visual-group=color] .left #itodiShellSections .iv-material-grid :is(.material-swatch-circle,[data-back-group=closed]>i,.back-colour-swatch),html#itodiUi.itodi-visual-flow #ivEdgesPanel #ivEdgeColors .iv-edge-swatch{width:29px!important;height:29px!important}
}
html#itodiUi.itodi-visual-flow .iv-catalog-launch{display:block;width:100%;min-height:38px;margin:10px 0 12px;padding:8px 12px;border:1px solid #c8d5ff;border-radius:20px;background:#eef3ff;color:#0646f8;font:12px Manrope,sans-serif;cursor:pointer}
html#itodiUi.itodi-visual-flow .left :is(.w137-columns,.structure-column-picker,.w97-zone-tabs){display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
/* All dimensions share one compact form; native inputs keep their engine events. */
html#itodiUi.itodi-visual-flow[data-visual-group=size] :is(#ivHeadingRow,#ivSubtabs,#ivProgress){display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 :is(#w137Dimensions,#structureCoreControls,#equalizeControls){display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-route=division] #step1 :is(.dream-dim-card,#requestDimensionsBtn){display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-route=division] .left .viewer-safety-tip,
html#itodiUi.itodi-visual-flow[data-visual-route=division] .left #viewerStepInfo:has(.viewer-safety-tip:only-child){display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] :is(#step1,#dimensionsAccordionBody,.dream-dim-card){flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1{--iv-dimension-space:6px;display:flow-root!important;padding-top:calc(8px + var(--iv-dimension-space))!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension]{display:block!important;max-width:none!important;margin:0 0 calc(6px + 2 * var(--iv-dimension-space))!important;padding:0!important;border:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension=depth]{margin-bottom:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 .field-head{display:grid!important;grid-template-columns:minmax(0,1fr) 115px!important;gap:12px!important;align-items:center!important;min-height:26px!important;margin:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 .field-head>.label{font:400 12px/1.4 Manrope,sans-serif!important;color:#292b2f!important;letter-spacing:0}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension] .number{width:115px!important;min-width:0!important;height:calc(26px + var(--iv-dimension-space) / 2)!important;min-height:26px!important;max-height:none!important;grid-template-columns:24px minmax(0,1fr) 24px 24px!important;align-items:center!important;border:1px solid #e8eaed!important;border-radius:5px!important;background:#f4f5f7!important;box-shadow:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension] .number button{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;background:transparent!important;color:#797e85!important;font-size:12px!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension] .number button:hover{color:#0646f8!important;background:#ebeff8!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension] .number input{height:18px!important;min-height:18px!important;padding:0 0 0 3px!important;border:0!important;border-left:1px solid #e2e5e9!important;background:transparent!important;color:#292b2f!important;font:400 12px/18px Manrope,sans-serif!important;text-align:right!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension] .number .unit{height:18px!important;min-height:18px!important;align-self:center!important;padding:0 3px!important;border-right:1px solid #e2e5e9!important;background:transparent!important;color:#838891!important;font:400 10px/18px Manrope,sans-serif!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension]>input[type=range]{height:calc(14px + var(--iv-dimension-space) / 2)!important;min-height:14px!important;margin:calc(1px + var(--iv-dimension-space)) 0 0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#0646f8 var(--itodi-range,0%),#e5e8ed var(--itodi-range,0%))}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border:2px solid #fff;border-radius:50%;background:#0646f8;box-shadow:0 0 0 1px #ccd8fc}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#e5e8ed}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 input[type=range]::-moz-range-progress{height:3px;background:#0646f8}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 [data-visual-dimension]>.range-info{margin:0!important;font:400 9px/11px Manrope,sans-serif!important;color:#9297a0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 #requestDimensionsBtn{display:flex!important;align-items:center;justify-content:flex-start!important;gap:6px;width:fit-content!important;min-height:22px!important;margin:calc(5px + var(--iv-dimension-space) / 2) 0!important;padding:2px 0!important;border:0!important;background:transparent!important;color:#646c79!important;font:400 11px/1.4 Manrope,sans-serif!important;box-shadow:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 #requestDimensionsBtn::before{content:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 #requestDimensionsBtn .btn-icon{width:14px;font-size:14px;line-height:14px}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 #viewerStepInfo{position:static!important;width:100%!important;margin:0!important;padding:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 :is(.viewer-info-card,#itodiSafetyBanner){margin:0!important;padding:calc(6px + var(--iv-dimension-space) / 2) 0 0!important;border:0!important;border-top:1px solid #eceef0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 :is(.viewer-info-tip,#itodiSafetyBanner){font:400 10.5px/1.4 Manrope,sans-serif!important;color:#838891!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 .viewer-info-tip{gap:8px!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1 .viewer-info-tip-icon{width:15px;height:15px;flex:0 0 15px;margin-top:1px;border-color:#cdd1d8;color:#969ca5}
html#itodiUi.itodi-visual-flow #itodiBookcaseFlow .ibl-footer-actions{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-route=shelf-layout] #itodiBookcaseFlow .ibl-page-title{display:none}
#ivCatalog,#ivSummary{box-sizing:border-box;width:min(840px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:1px solid #e2e3e7;border-radius:20px;padding:24px;background:#fff;color:#202124;font:13px/1.5 Manrope,sans-serif;overflow:auto}
#ivSummary{width:min(480px,calc(100vw - 24px))}
#ivCatalog::backdrop,#ivSummary::backdrop{background:#20212470;backdrop-filter:blur(4px)}
:is(#ivCatalog,#ivSummary)>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
:is(#ivCatalog,#ivSummary) h2{font:28px Georgia,serif;margin:0}
#ivCatalogClose,#ivSummaryClose{border:0;background:transparent;font-size:28px;min-width:40px;min-height:40px;cursor:pointer;color:#0646f8}
.iv-catalog-filter{display:flex;gap:12px;align-items:center;margin-bottom:18px}
#ivCatalogSearch{flex:1;min-width:0;border:1px solid #e2e3e7;border-radius:8px;padding:12px;font:13px Manrope,sans-serif;background:white;color:#202124}
#ivCatalogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.iv-catalog-card{padding:10px 8px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e3e7;border-radius:12px;background:#f4f4f6;color:#202124;font:11px/1.4 Manrope,sans-serif;cursor:pointer;overflow:hidden}
.iv-catalog-card[aria-pressed=true]{border:2px solid #0646f8;background:#eef3ff}.iv-catalog-card:disabled{opacity:.4;cursor:default}
.iv-catalog-card :is(svg,img){width:100%;height:76px;object-fit:contain}.iv-catalog-swatch{width:100%;height:65px;border-radius:6px}
.iv-summary-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #e2e3e7}.iv-summary-row strong{text-align:right}
.iv-summary-actions{display:flex;gap:10px}.iv-summary-actions button{flex:1;border:1px solid #0646f8;border-radius:22px;min-height:44px;background:#fff;color:#0646f8;cursor:pointer}#ivSummaryCart{background:#0646f8;color:white}
:is(#ivMainTabs,#ivSubtabs,#ivFlowFooter,#ivCatalog,#ivSummary) button:focus-visible{outline:3px solid #cffd97;outline-offset:2px}
@media(max-width:1100px) and (min-width:761px){html#itodiUi.itodi-visual-flow .main{grid-template-columns:minmax(0,1fr) 385px!important;gap:12px!important;padding:12px!important}}
@media(max-width:760px){
 html#itodiUi.itodi-visual-flow .main{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(150px,34%) minmax(0,1fr)!important;gap:0!important;padding:0!important}
 html#itodiUi.itodi-visual-flow .main>#viewer{grid-column:1!important;grid-row:1!important;border-radius:0}
 html#itodiUi.itodi-visual-flow .main>.left{grid-column:1!important;grid-row:2!important;border-radius:18px 18px 0 0}
 #ivMainTabs{padding:6px 6px 0}#ivMainTabs button{font-size:10px;min-height:46px;gap:4px;padding-bottom:7px}#ivMainTabs button>span:first-child{font-size:18px;line-height:18px}
 #ivHeadingRow{padding:8px 16px}#ivHeading{font-size:23px}#ivSubtabs{margin:0 12px 8px}#ivSubtabs button{font-size:11px;padding:5px 4px}
 #ivFlowFooter{padding:6px 12px}#ivFlowFooter button{min-height:34px;padding:7px 16px;font-size:11px}
 #ivFooterSummary{min-width:98px}
 html#itodiUi.itodi-visual-flow #itsPanelHeader{padding:0 12px 4px!important}
 html#itodiUi.itodi-visual-flow #itodiShellSections{padding:0 12px 8px!important}
 html#itodiUi.itodi-visual-flow .left .iv-choice-grid :is(svg,img){height:36px!important;width:48px!important}
 html#itodiUi.itodi-visual-flow .left .w137-presets>button,html#itodiUi.itodi-visual-flow .left .w141-door-choice>button{min-height:62px!important;font-size:9.5px!important}
 html#itodiUi.itodi-visual-flow #itsStylePanel img{height:56px!important}
 #ivCatalog{padding:16px}#ivCatalogGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}
@media(max-height:520px) and (orientation:landscape){html#itodiUi.itodi-visual-flow .main{grid-template-columns:minmax(0,1fr) minmax(320px,46%)!important;grid-template-rows:minmax(0,1fr)!important}html#itodiUi.itodi-visual-flow .main>.left{grid-column:2!important;grid-row:1!important}#ivHeadingRow{display:none}#ivMainTabs button{min-height:40px}#ivSubtabs{margin-bottom:4px}#ivFlowFooter{padding:4px 12px}}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid[hidden],html#itodiUi.itodi-visual-flow .left .iv-choice-grid[style*="display: none"],html#itodiUi.itodi-visual-flow .left .iv-choice-grid[style*="display:none"],html#itodiUi.itodi-visual-flow .left .iv-choice-grid>[hidden]{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=details][data-visual-route=position] .itodi-front-type-section{display:none!important}
html#itodiUi.itodi-visual-flow .left .itodi-front-construction-options>button{padding:12px 5px!important;font-size:11px!important;min-height:70px!important}
html#itodiUi.itodi-visual-flow .left .front-profile-check{display:none!important}
html#itodiUi.itodi-visual-flow[data-visual-group=color] #overlay :is(.handle,.shelf-handle,.divider-handle,.step2-element-control,.ibl-model-input){display:none!important}

/* Compact shell: one scrolling option area, with navigation outside it. */
html#itodiUi.itodi-visual-flow body .app{grid-template-rows:48px minmax(0,1fr) auto!important}
html#itodiUi.itodi-visual-flow .main{gap:14px!important;padding:14px!important}
html#itodiUi.itodi-visual-flow #itsHeader{min-height:0;padding:0 18px}
html#itodiUi.itodi-visual-flow #itsHeader .its-brand img{width:70px;max-height:28px}
html#itodiUi.itodi-visual-flow #ivMainTabs{padding:5px 8px 0}
html#itodiUi.itodi-visual-flow #ivMainTabs button{min-height:46px;gap:4px;padding-bottom:7px}
html#itodiUi.itodi-visual-flow #ivHeadingRow{padding:9px 16px 7px}
html#itodiUi.itodi-visual-flow #ivHeading{font:600 18px/1.3 Manrope,sans-serif}
html#itodiUi.itodi-visual-flow #ivSubtabs{margin:0 12px 10px}
html#itodiUi.itodi-visual-flow #itsPanelHeader:not(:has(>:is(label,#itsMaterialFamilyLabel):not([hidden]))){display:none!important}
html#itodiUi.itodi-visual-flow #ivFlowFooter{padding:8px 12px;margin-top:auto}
html#itodiUi.itodi-visual-flow #ivFlowFooter button{min-height:38px}
html#itodiUi.itodi-visual-flow #itodiBookcaseFlow{flex:1 1 0!important;min-height:0!important;overflow:auto!important;padding:0 12px 12px!important;scrollbar-gutter:stable}
html#itodiUi.itodi-visual-flow #itodiBookcaseFlow .ibl-content{flex:0 0 auto!important;overflow:visible!important;padding:0!important;scrollbar-gutter:auto}
html#itodiUi.itodi-visual-flow #itodiBookcaseFlow .ibl-footer{padding:0!important;border:0!important}
html#itodiUi.itodi-visual-flow #itodiBookcaseFlow .ibl-footer .ibl-message{max-height:none;overflow:visible}
html#itodiUi.itodi-visual-flow #itodiShellSections{flex:1 1 0!important;min-height:0!important}
html#itodiUi.itodi-visual-flow #itsStylePanel:not([hidden])~#itodiShellSections{display:none!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid{align-items:stretch!important;align-content:start!important}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid>button{margin:0!important;align-self:stretch;overflow:hidden}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid [aria-pressed=true],html#itodiUi.itodi-visual-flow #itsStylePanel [aria-pressed=true]{border-color:var(--itodi-blue)!important;background:var(--itodi-blue-soft)!important;box-shadow:inset 0 0 0 1px var(--itodi-blue)}
html#itodiUi.itodi-visual-flow #itsFooter{padding:10px 16px;gap:14px;min-height:64px;flex-wrap:nowrap}
html#itodiUi.itodi-visual-flow #itsProjectApproval{flex:1 1 360px;min-width:0;flex-wrap:nowrap;font-size:10px;text-align:left;gap:8px;margin:0;order:0;border:0;padding:0}
html#itodiUi.itodi-visual-flow #itsProjectApproval>span:last-child{flex:1}
#ivPreviewPrice{position:absolute;top:14px;right:14px;z-index:5;background:#fffffff2;border:1px solid var(--itodi-line);border-radius:12px;padding:10px 14px;text-align:right;color:var(--itodi-ink);font:600 13px/1.4 Manrope,sans-serif;box-shadow:0 3px 14px #20212408}
#ivPreviewPrice small{display:block;font-size:10px;font-weight:400;color:#6f7378}
@media(max-width:760px){
 html#itodiUi.itodi-visual-flow body .app{grid-template-rows:40px minmax(0,1fr) auto!important}
 html#itodiUi.itodi-visual-flow .main{padding:0!important;gap:0!important;grid-template-rows:minmax(140px,32%) minmax(0,1fr)!important}
 html#itodiUi.itodi-visual-flow #ivHeadingRow{display:none}
 html#itodiUi.itodi-visual-flow #ivMainTabs{padding-top:3px}
 html#itodiUi.itodi-visual-flow #ivMainTabs button{min-height:43px}
 html#itodiUi.itodi-visual-flow #ivSubtabs{margin:5px 10px 7px}
 html#itodiUi.itodi-visual-flow #ivSubtabs button{min-height:32px}
 html#itodiUi.itodi-visual-flow #ivFlowFooter{padding:5px 10px}
 html#itodiUi.itodi-visual-flow #ivFlowFooter button{min-height:36px}
 html#itodiUi.itodi-visual-flow #itsFooter{display:flex;flex-wrap:wrap;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));gap:7px;min-height:0}
 html#itodiUi.itodi-visual-flow #itsFooter>div:last-child{flex:1;justify-content:flex-end}
 html#itodiUi.itodi-visual-flow #itsProjectApproval{order:3;flex:1 0 100%;font-size:9px;line-height:1.25}
 html#itodiUi.itodi-visual-flow #itsQty{display:none!important}
 #ivPreviewPrice{top:8px;right:8px;padding:7px 9px;font-size:11px}
 html#itodiUi.itodi-visual-flow #itsViewTools{max-width:calc(100% - 160px)!important;flex-wrap:wrap}
}
@media(max-height:660px) and (min-width:761px){
 html#itodiUi.itodi-visual-flow #ivHeadingRow{display:none}
 html#itodiUi.itodi-visual-flow #ivSubtabs{margin-top:8px}
 html#itodiUi.itodi-visual-flow .main{padding:10px!important;gap:10px!important}
}
html#itodiUi.itodi-visual-flow .left .iv-choice-grid>[data-iv-overflow]{display:none!important}
html#itodiUi.itodi-visual-flow .left .ibl-style-grid .ibl-style-name{min-height:0!important;line-height:1.3}
html#itodiUi.itodi-visual-flow .left .ibl-style-grid .ibl-style-tile svg{height:48px!important;max-height:48px!important;flex-basis:48px!important}
@media(max-height:660px) and (min-width:761px){
 html#itodiUi.itodi-visual-flow .left .ibl-style-grid .ibl-style-tile{min-height:64px!important;padding:5px 4px!important}
 html#itodiUi.itodi-visual-flow .left .ibl-style-grid .ibl-style-tile svg{height:34px!important;max-height:34px!important;flex-basis:34px!important}
}

html#itodiUi.itodi-visual-flow #itodiBookcaseFlow .iv-catalog-launch{margin:8px 0 0!important}
@media(max-width:760px) and (max-height:760px){
 html#itodiUi.itodi-visual-flow[data-visual-group=size] .main{grid-template-rows:minmax(110px,26%) minmax(0,1fr)!important}
}
/* Use the shorter range row only when the actual panel cannot fit three full rows. */
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight]{padding-top:calc(6px + var(--iv-dimension-space))!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] #requestDimensionsBtn{margin:calc(4px + var(--iv-dimension-space) / 2) 0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] [data-visual-dimension]:not([data-visual-dimension=depth]){margin-bottom:calc(4px + 2 * var(--iv-dimension-space))!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] [data-visual-dimension]{display:grid!important;grid-template-columns:34px minmax(0,1fr) 40px;column-gap:8px;row-gap:calc(1px + var(--iv-dimension-space))}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] .field-head{grid-column:1/-1}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] [data-visual-dimension]>input[type=range]{grid-column:2;grid-row:2;margin:0!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] [data-visual-dimension]>.range-info{display:contents!important}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] .range-info>span{grid-row:2;align-self:center;font:400 9px/14px Manrope,sans-serif;color:#9297a0}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] .range-info>span:first-child{grid-column:1}
html#itodiUi.itodi-visual-flow[data-visual-group=size] #step1[data-dimensions-tight] .range-info>span:last-child{grid-column:3;text-align:right}