.ml-tool{--ink:#202720;--muted:#656d60;--lime:#d9e6bc;background:#fff}.ml-tool .preview-strip,.ml-tool .header,.ml-tool #homepage,.ml-tool .wt-header,.ml-tool #about-preview{display:none!important}.ml-tool-banner{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:13px 24px;background:#edf0e5;border-bottom:1px solid #dce1d3;font-size:12px}.ml-tool-banner a{font-weight:700}.ml-tool-banner span{font-size:11px;color:#5c6454}.ml-tool.ml-embedded .ml-tool-banner>a{display:none}.ml-tool.ml-embedded .ml-tool-banner{justify-content:center;text-align:center}.ml-tool .studio-heading{padding:20px 24px}.ml-tool .studio-heading h1{font-size:30px;letter-spacing:-1px}.ml-tool .studio-tools{font-size:11px}.ml-tool .button{border-radius:30px}.ml-tool .button-dark{background:#202720}.ml-tool .control-tabs button[aria-selected=true]{background:#e8efdc}.ml-tool .controls-panel{background:#fbfcf8}.ml-tool .studio-summary-bar{background:#f2f4ed}.ml-tool .mobile-plan-bar{display:none!important}.ml-tool #home-button{display:none!important}.ml-tool .wt-main{max-width:1250px;padding:25px 24px 80px}.ml-tool .wt-intro{max-width:none;margin-bottom:28px}.ml-tool .wt-intro h1{font-size:36px;letter-spacing:-1px}.ml-tool .wt-intro>p{font-size:14px}.ml-tool .wt-intro .eyebrow{font-size:10px}.ml-tool .wt-step,.ml-tool .wt-summary{border-radius:15px}.ml-tool .wt-quick-price{background:#f2f4ed}.ml-example #confirm-basket,.ml-example #wt-add{display:none!important}.ml-tool .studio-heading .eyebrow{display:none}.ml-tool .studio-tools #download-image{display:none}.ml-tool .studio-tools #load-plan{display:none}.ml-tool .studio-tools #reset-plan{font-size:11px}.ml-tool .view-toolbar{flex-wrap:wrap}.ml-tool .studio-heading{gap:14px}.ml-tool .wt-add button{border-radius:10px}.ml-tool .wt-intro h1 br{display:none}.ml-tool .wt-intro h1 br:after{content:' '}
@media(min-width:901px){.ml-tool .viewport{min-height:440px;height:530px}.ml-tool #controls-content{max-height:650px}.ml-tool .controls-panel{max-height:none}.ml-tool .studio-layout{grid-template-columns:300px minmax(0,1fr)}.ml-tool .studio-tools{gap:12px}.ml-tool .studio-heading h1{font-size:28px}}
@media(max-width:900px){.ml-tool .studio-heading{padding:16px;display:block}.ml-tool .studio-heading h1{font-size:26px;margin-bottom:10px}.ml-tool .studio-tools{gap:14px;justify-content:flex-start}.ml-tool .viewport{height:360px;min-height:320px}.ml-tool .studio-tools #save-status{width:100%;font-size:10px}.ml-tool .design-summary{padding:10px}.ml-tool .drawing-note{font-size:10px}.ml-tool .view-toolbar{gap:6px}.ml-tool .view-toolbar .text-button{font-size:10px;padding:7px}.ml-tool .camera-controls{max-width:95%;flex-wrap:wrap}.ml-tool .camera-controls button{font-size:10px;padding:6px}.ml-tool .wt-main{padding:20px 15px 100px}.ml-tool .wt-intro h1{font-size:29px}.ml-tool .wt-intro p{font-size:13px}.ml-tool .wt-grid{grid-template-columns:1fr}.ml-tool .wt-summary{position:static}.ml-tool-banner{padding:12px 16px;font-size:11px}.ml-tool .control-tabs{top:0}.ml-tool .studio-heading h1{line-height:1.15}.ml-tool .wt-intro h1 br{display:initial}}

.ml-studio-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-bottom:1px solid #dce1d3;background:#fbfaf7;font-size:13px}.ml-studio-navigation img{width:110px;height:auto}.ml-studio-navigation nav{display:flex;gap:20px;flex-wrap:wrap}.ml-embedded .ml-studio-navigation{display:none}.ml-tool .swatch{width:44px;height:44px}.ml-tool .swatch span{width:32px;height:32px}@media(max-width:600px){.ml-studio-navigation{padding:12px 16px;flex-wrap:wrap}.ml-studio-navigation nav{gap:14px;font-size:12px}.ml-studio-navigation img{width:95px}}

.ml-finish-notice,.catalogue-alert{padding:16px 20px;margin:12px 0;background:#f4ecdd;border:1px solid #e1cba8;border-radius:12px;font-size:13px;line-height:1.6}.catalogue-alert{margin:12px 24px}.modulo-landing .ml-finish-notice a,.catalogue-alert a{text-decoration:underline;text-underline-offset:3px;font-weight:600}

@view-transition{navigation:none}

.ml-tool .studio-tools #download-image,.ml-tool .studio-tools #load-plan{display:inline-flex}.ml-tool .studio-tools{flex-wrap:wrap}
