/* Brand orange sampled from the supplied colour reference: RGB 242, 122, 26. */
@font-face{font-family:Figtree;src:url('/studio/fonts/figtree.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--navy:#142e52;--orange:#f27a1a;--orange-hover:#f68c37;--ink:#142e52;--text:#142e52;--muted:#596c85;--paper:#f3f7fc;--line:#dce4ef;--red:#b3261e;--sans:Figtree,Arial,sans-serif;--serif:var(--sans);--green:var(--navy);--accent:var(--orange)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:14px/1.5 var(--sans);color:var(--navy);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,select,summary{font:inherit;color:inherit}button,input,select,a,summary{-webkit-tap-highlight-color:transparent;outline-offset:4px}button{border:0;background:none;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3472b9}a{color:inherit;text-decoration:none}input,select{min-width:0;max-width:100%}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=checkbox]{accent-color:var(--orange)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#fad0ad;color:var(--navy)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(27px,2.5vw,39px);font-weight:850;line-height:1.14;letter-spacing:-1px;margin-bottom:7px}h2{font-size:18px;line-height:1.25;font-weight:800;margin-bottom:5px}h3{font-size:15px;line-height:1.35;font-weight:750}small{font-size:12px}svg{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:12px;padding:14px;background:white;z-index:200;border-radius:8px}.skip:focus{top:12px}
.studio-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.design-rail{background:var(--orange);color:var(--navy);position:sticky;top:0;height:100dvh;overflow-y:auto;padding:28px 20px 24px;display:flex;flex-direction:column;isolation:isolate}.brand{display:block;white-space:nowrap;font-size:29px;font-weight:900;letter-spacing:-1.3px;line-height:1.1;margin-bottom:38px}.brand span{display:block;font-size:9px;font-weight:550;letter-spacing:3.4px;margin-top:9px;text-align:center}.design-steps{position:relative;display:grid;gap:15px;margin-bottom:29px}.design-steps:before{content:'';position:absolute;left:22px;top:25px;bottom:25px;width:1px;background:#ffffff66;z-index:-1}.design-step{display:flex;align-items:center;gap:14px;color:var(--navy);text-align:left;padding:7px 0;border-radius:12px;min-height:60px}.step-circle{flex-shrink:0;width:45px;height:45px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;background:var(--orange)}.design-step strong{font-size:19px;font-weight:800;display:block}.design-step small{font-size:12px;display:block;color:#fff4ed}.design-step[aria-current=step] .step-circle{background:white;color:var(--navy);border-color:white}.design-step:hover .step-circle{box-shadow:0 0 0 4px #fff2}.design-step:focus-visible{outline-color:white}.product-tabs{display:grid;gap:12px}.product-tabs>button{min-width:0;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #ffffff5c;border-radius:19px;padding:17px 13px;min-height:96px;color:var(--navy);background:#fff07f00;transition:background .15s,border-color .15s}.product-tabs>button>span:nth-child(2){min-width:0;flex:1}.tab-icon{width:37px;height:37px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.product-tabs strong{font-size:18px;line-height:1.17;font-weight:800;display:block;letter-spacing:-.3px}.product-tabs small{font-size:11px;display:block;line-height:1.35;margin-top:5px;color:#fff6ef}.tab-arrow{font-size:27px;line-height:1;width:27px;text-align:center;flex-shrink:0}.product-tabs>button[aria-selected=true]{background:white;color:var(--navy);border-color:white;box-shadow:0 7px 24px #97460915}.product-tabs>button[aria-selected=true] .tab-icon{color:var(--orange)}.product-tabs>button[aria-selected=true] small{color:var(--muted)}.product-tabs>button[aria-selected=true] .tab-arrow{color:var(--navy);background:var(--orange);border-radius:50%;height:29px;line-height:26px}.product-tabs>button:hover:not([aria-selected=true]){background:#ffffff18;border-color:white}.product-tabs>button:focus-visible{outline-color:white}.rail-bottom{margin-top:auto;padding-top:32px}.rail-bottom p{font-size:22px;line-height:1.08;font-weight:850;letter-spacing:-.6px;margin-bottom:15px}.rail-line{display:block;width:36px;height:2px;background:#fff9;margin-bottom:18px}.manage-button{border:1px solid #fffc;border-radius:10px;width:100%;padding:10px 9px;color:white;min-height:44px;font-size:12px;font-weight:650}.manage-button:hover{background:#fff2}.manage-button:focus-visible{outline-color:var(--navy)}
.studio-main{min-width:0;padding:28px 28px 0;max-width:1800px;width:100%;margin:0 auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.intro>div:first-child{min-width:0}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:750;color:var(--muted);margin-bottom:7px}.intro-note{font-size:15px;color:var(--muted);line-height:1.45;margin:0;max-width:680px}.top-actions{display:flex;gap:10px;flex-shrink:0}.icon-button{width:46px;height:46px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 8px #142e5205;font-size:25px}.icon-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none}.icon-button:hover{background:#e9eff7}.planner{display:block;min-width:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:0 24px;align-items:start}.stage-panel{grid-column:1;grid-row:1;min-width:0}.sequence-panel{grid-column:2;grid-row:1/span 2}.catalog{grid-column:1;grid-row:2;min-width:0}
.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.live-label{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.8px;font-weight:750;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #f27a1a13}.live-label #module-count{font-size:9px;font-weight:500;color:var(--muted);letter-spacing:0}.view-switch{display:flex;gap:3px;padding:4px;background:#e7edf5;border-radius:11px}.view-switch button{padding:8px 12px;min-height:36px;border-radius:8px;font-size:11px;font-weight:650;white-space:nowrap}.view-switch button[aria-pressed=true]{color:white;background:var(--navy);box-shadow:0 2px 5px #142e5215}.view-switch button:hover:not([aria-pressed=true]){background:#fff8}.live-product-layout{min-width:0}.stage{height:420px;min-height:260px;position:relative;background:radial-gradient(ellipse at 50% 62%,#d0d5dc 8%,#bbc4d0 75%);border-radius:20px;overflow:hidden;margin-bottom:16px}.stage-meta{position:absolute;left:17px;right:13px;top:13px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.stage-meta span{font-size:11px;color:var(--muted)}.stage-meta button{pointer-events:auto;font-size:11px;background:#ffffffba;border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-height:32px}.wardrobe{height:100%;width:100%;padding:43px 12px 8px;display:flex;align-items:center;justify-content:center}.wardrobe svg{width:100%;height:100%;max-height:100%;shape-rendering:geometricPrecision;overflow:visible}.wardrobe [data-instance]{cursor:pointer}.wardrobe [data-instance]:hover .selection-outline{stroke:var(--orange)}.wardrobe [data-instance]:focus-visible{outline:none}.wardrobe [data-instance]:focus-visible .selection-outline{stroke:#3472b9;stroke-width:3}.stage.is-zoomed .wardrobe{overflow:auto;display:block}.stage.is-zoomed .wardrobe svg{width:135%;height:135%;max-width:none;max-height:none}.stage.is-zoomed .stage-meta{background:#f3f7fcee}.kitchen-stage{height:450px}.is-custom .stage{height:365px}.is-custom .wardrobe{padding-top:40px}#empty-plan{position:absolute;inset:35% 20px auto;text-align:center;font-size:24px;font-weight:750;line-height:1.4}#empty-plan span{font-size:14px;font-weight:400;color:var(--muted)}
.measure-bar{background:white;border:1px solid #e8edf5;border-radius:17px;padding:17px 20px;margin-bottom:10px;scroll-margin-top:20px}.measure-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2px}.measure-heading h2{font-size:14px;margin:0}.measure-value{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:15px;font-weight:650}.measure-value input{font-size:26px;font-weight:850;color:var(--navy);width:97px;text-align:right;border:0;border-bottom:1px solid #e7edf5;background:transparent;border-radius:0;min-height:42px}.measure-slider{width:100%;margin-top:2px}.measure-range{appearance:none;display:block;width:100%;height:34px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y;--range-fill:20%}.measure-range::-webkit-slider-runnable-track{height:9px;border-radius:10px;background:linear-gradient(to right,var(--orange) 0 var(--range-fill),#dce4ee var(--range-fill) 100%)}.measure-range::-moz-range-track{height:9px;border-radius:10px;background:linear-gradient(to right,var(--orange) 0 var(--range-fill),#dce4ee var(--range-fill) 100%)}.measure-range::-webkit-slider-thumb{appearance:none;width:25px;height:25px;margin-top:-8px;background:white;border:1px solid #e1e5eb;border-radius:50%;box-shadow:0 2px 7px #142e5233}.measure-range::-moz-range-thumb{width:24px;height:24px;background:white;border:1px solid #e1e5eb;border-radius:50%;box-shadow:0 2px 7px #142e5233}.measure-range:focus-visible{outline:2px solid #3472b9;border-radius:8px}.range-limits{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;line-height:1.5}.measure-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:11px;padding-top:10px;border-top:1px solid #eef1f6;font-size:11px;color:var(--muted)}.measure-footer strong{color:var(--navy);margin-left:5px}.measure-footer strong small{font-size:11px}.margin-details{flex-shrink:0;text-align:right}.margin-details summary{cursor:pointer;min-height:30px;list-style:none;font-weight:650;color:var(--navy)}summary::-webkit-details-marker{display:none}.margin-field{width:180px;text-align:left;padding:8px 0}.margin-field label{font-size:11px}.margin-field input{display:block;width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;margin-top:5px;padding:0 10px;font-size:16px;font-weight:700}.field-error,.custom-error{font-size:12px;color:var(--red);padding:10px 12px;border:1px solid #eed1d0;background:#fff2f0;border-radius:8px;margin:10px 0 0}
.live-module-controls{margin-bottom:12px}.live-modules-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 1px 7px}.live-modules-heading h3{font-size:12px;margin:0}.live-modules-heading p{font-size:10px;color:var(--muted);margin:0}.live-width-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(175px,1fr);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:9px;padding:1px 1px 8px;scrollbar-width:thin;scrollbar-color:#bac8da transparent}.live-width-card{background:white;border:1px solid #e6edf5;border-radius:13px;padding:10px 12px;min-width:0;scroll-snap-align:start}.live-width-card.is-selected{border-color:var(--orange)}.live-width-card h4{font-size:11px;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-width-card h4 span{color:var(--muted);font-weight:450}.live-width-main{display:flex;align-items:center;gap:7px}.live-width-thumb{width:31px;height:45px;flex-shrink:0}.live-width-thumb svg{width:100%;height:100%}.width-step{display:grid;place-items:center;min-width:32px;min-height:34px;border:1px solid var(--line);border-radius:9px;background:#f6f9fd;font-size:19px}.live-width-main output{font-size:16px;font-weight:800;white-space:nowrap;text-align:center;flex:1}.module-range{height:30px}.module-range::-webkit-slider-runnable-track{height:5px}.module-range::-moz-range-track{height:5px}.module-range::-webkit-slider-thumb{width:19px;height:19px;margin-top:-7px}.module-range::-moz-range-thumb{width:18px;height:18px}.fixed-width-note{font-size:10px;color:var(--muted);margin:5px 0 0}
.finish-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 3px 17px}.finishes{display:flex;align-items:center;gap:12px}.finish-label{font-size:10px;color:var(--muted);min-width:83px}.finish-label strong{display:block;color:var(--navy);font-size:11px}.swatches{display:flex;gap:6px}.swatch{padding:3px;width:32px;height:32px;border-radius:50%;border:1.5px solid transparent}.swatch span{display:block;width:23px;height:23px;border-radius:50%;border:1px solid #0002}.swatch[aria-pressed=true]{border-color:var(--orange)}.led-toggle{display:flex;gap:8px;align-items:center;position:relative;font-size:11px;font-weight:650;cursor:pointer;min-height:38px;white-space:nowrap}.led-toggle input{position:absolute;opacity:0;width:35px;height:25px;left:0}.toggle-track{width:33px;height:19px;background:#b6c3d4;border-radius:20px;position:relative}.toggle-track:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:white;border-radius:50%;transition:transform .15s}.led-toggle input:checked+.toggle-track{background:var(--orange)}.led-toggle input:checked+.toggle-track:after{transform:translateX(14px)}.led-toggle input:focus-visible+.toggle-track{outline:3px solid #3472b9;outline-offset:3px}.selected-editor{border:1px solid #cbd8e8;border-radius:13px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;background:white}.selected-editor h3{font-size:13px;margin:0 0 3px}.selected-editor p{font-size:11px;color:var(--muted);margin:0}.selected-editor .secondary{font-size:11px;flex-shrink:0}
.sequence-panel{background:var(--navy);background-image:linear-gradient(150deg,#193b61,var(--navy) 60%);border-radius:23px;padding:25px 22px;color:white;min-width:0;position:sticky;top:24px}.summary-heading{display:flex;gap:13px;align-items:center;margin-bottom:24px}.summary-heading h2{font-size:25px;letter-spacing:-.7px;margin:0 0 3px}.summary-heading p{font-size:12px;color:#c6d5e8;margin:0}.summary-symbol{width:43px;height:43px;border:1px solid #ffffff70;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.summary-symbol svg{width:26px;stroke:#d3e1f1;stroke-width:1;fill:none}.fit-cards{display:grid;gap:12px;margin-bottom:22px}.fit-summary{border:1px solid #ffffff26;padding:16px 15px;border-radius:15px;background:#ffffff03}.fit-row-title{font-size:12px;font-weight:500;color:#ecf2fa;margin:0 0 5px}.fit-value{display:flex;align-items:baseline;gap:7px;line-height:1.15;flex-wrap:wrap}.fit-value strong{font-size:38px;font-weight:850;letter-spacing:-1px}.fit-value>span{font-size:19px;color:#c3d1e4;white-space:nowrap}.fit-progress{display:flex;align-items:center;gap:9px;margin:14px 0 9px}.fit-progress>span{font-size:11px;min-width:32px;text-align:right;color:#dde8f6}.fit-track{height:11px;flex:1;background:#456080;border-radius:20px;overflow:hidden}.fit-track span{display:block;height:100%;background:var(--orange);border-radius:20px;max-width:100%;transition:width .18s}.fit-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#d6e3f4}.fit-meta strong{font-weight:700;color:white}.fit-badge{display:block;font-size:10px;color:#c8d9ed;margin-top:8px}.fit-summary.overflow{border-color:#ffb9ad}.fit-summary.overflow .fit-track span{background:#ff9e8c}.fit-summary.overflow .fit-badge{color:#ffcabf}.fit-calculation{margin:8px 0 0;color:#b6c8de;font-size:10px}.plan-warnings{border:1px solid #ffbda7;background:#472c341a;border-radius:11px;color:#ffd7c6;font-size:11px;padding:10px 12px;margin:0 0 16px}.plan-warnings p{margin:4px 0}.sequence-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.sequence-heading h3{font-size:13px;margin:0 0 4px}.sequence-heading p{font-size:10px;color:#b4c6dd;margin:0}.summary-clear{font-size:10px;color:#c6d5e9;text-decoration:underline;min-height:32px;padding:0}.module-list{display:grid;gap:13px;max-height:405px;overflow:auto;scrollbar-color:#466384 transparent;scrollbar-width:thin;overscroll-behavior:contain}.sequence-row-title{font-size:10px;color:#b9cce3;letter-spacing:.4px;margin:0 0 7px}.sequence-row-list{display:grid;gap:9px}.module-chip{min-width:0;padding:8px;border:1px solid transparent;border-radius:12px;background:#ffffff02}.module-chip.selected{background:#ffffff09;border-color:var(--orange)}.chip-select{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:0;min-height:50px;min-width:0}.chip-image{display:block;background:#ffffff10;border:1px solid #ffffff0d;border-radius:9px;width:45px;height:54px;flex-shrink:0;padding:4px}.chip-image svg{height:100%;width:100%}.chip-head{display:block;min-width:0;flex:1}.chip-head strong{font-size:12px;font-weight:550;display:block;line-height:1.25;overflow-wrap:anywhere}.chip-head small{font-size:10px;color:#bed0e6}.chip-number{font-size:9px;color:#acc3df;margin-right:4px}.chip-controls{display:flex;align-items:center;gap:5px;margin:6px 0 0 55px}.chip-controls select{flex:1;min-width:0;height:32px;border:1px solid #ffffff38;border-radius:7px;background:#1a3a60;color:white;padding:0 5px;font-size:11px}.chip-controls select option{background:white;color:var(--navy)}.chip-controls button{width:28px;min-height:32px;border:1px solid #ffffff1e;border-radius:6px;font-size:14px;color:#e3ecf9;padding:0}.chip-controls button:hover{background:#fff2}.chip-controls .remove{font-size:20px;color:#ffcabf}.sequence-panel button:focus-visible,.sequence-panel input:focus-visible,.sequence-panel select:focus-visible,.sequence-panel a:focus-visible{outline-color:#ffb08d}.summary-totals{border-top:1px solid #ffffff2e;margin:18px 0;padding-top:14px;display:grid;gap:8px;font-size:11px;color:#bacee4}.summary-total-row{display:flex;justify-content:space-between;gap:8px}.summary-total-row strong{color:white;font-weight:650;text-align:right}.save-panel{padding-top:3px;scroll-margin-top:24px}.save-panel>label{font-size:11px;display:flex;justify-content:space-between;color:#dce7f5;margin:0 0 5px}.save-panel>label span{font-size:10px;color:#b5c9e1}.save-panel input{display:block;width:100%;border:1px solid #ffffff40;background:#ffffff07;min-height:42px;border-radius:9px;color:white;font-size:12px;padding:0 12px;margin-bottom:12px}.save-panel input::placeholder{color:#aac0dc}.primary{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--orange);color:var(--navy);border:1px solid transparent;border-radius:13px;min-height:49px;font-weight:750;font-size:14px;padding:12px 18px}.primary:hover{background:var(--orange-hover)}.save-panel .primary{width:100%;min-height:57px;font-size:17px;margin-bottom:12px}.save-panel .primary>span:first-child{font-size:25px;line-height:1}.save-panel .primary>span:last-child{margin-left:auto;font-size:24px}.summary-secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:47px;border:1px solid #ffffff7a;border-radius:12px;font-size:12px;color:#e7f0ff}.summary-secondary svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.summary-secondary:hover{background:#fff1}.summary-compare{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:14px 0 0;color:#d0e0f4;min-height:44px}.summary-compare>span:last-child{margin-left:auto}.summary-compare #compare-count{background:#fff1;border:1px solid #ffffff30;border-radius:5px;min-width:21px;text-align:center;font-size:10px}.autosave{font-size:9px;line-height:1.6;color:#9fb7d5;margin:16px 0 0}
.catalog{padding-top:3px;scroll-margin-top:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading h2{font-size:15px;margin:0 0 4px}.panel-heading p{font-size:11px;color:var(--muted);margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px}.catalog-card{min-width:0;border:1px solid #e2e9f3;border-radius:14px;padding:11px 10px;background:#ffffffd9;transition:border-color .15s}.catalog-card:hover{border-color:#b9cbe0}.catalog-card:focus-within{border-color:var(--orange)}.catalog-illustration{height:98px;padding:3px 6px;background:linear-gradient(#f6f9fd,#edf3fa);border-radius:10px;margin-bottom:9px}.catalog-illustration svg{width:100%;height:100%}.catalog-info h3{font-size:12px;line-height:1.25;margin:0 0 4px;font-weight:750}.catalog-info p{font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 9px;min-height:27px}.catalog-controls{display:flex;flex-wrap:wrap;gap:5px}.catalog-controls select{width:100%;border:1px solid var(--line);background:white;color:var(--navy);min-height:36px;border-radius:8px;padding:0 6px;font-size:12px;font-weight:700}.catalog-controls .add-module{width:100%;min-height:35px;border:1px solid #cdd9e9;border-radius:8px;background:#f4f8fd;font-size:11px;font-weight:750;color:var(--navy)}.add-module:hover{background:var(--orange);color:var(--navy);border-color:var(--orange)}.custom-template.selected{border:2px solid var(--orange);padding:10px 9px;background:white}.custom-template button{display:block;width:100%;min-height:35px;border:1px solid #d3ddeb;border-radius:8px;font-size:10px;font-weight:700}.custom-template.selected button{background:var(--orange);color:var(--navy);border-color:var(--orange)}.suggest-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c3d2e4;color:var(--navy);border-radius:11px;padding:10px 15px;min-height:44px;font-size:12px;font-weight:650;margin-top:12px;width:100%}.suggest-button:hover{background:#e5edf8}.catalog-cloud{font-size:9px;color:var(--muted);margin:12px 0 0}.catalog-empty{font-size:11px;color:var(--muted);padding:12px;line-height:1.6;margin:0}.sequence-panel .catalog-empty{color:#bed0e7}.row-switch{display:flex;gap:5px;padding:4px;background:#e1eaf6;border-radius:10px;margin-bottom:12px}.row-switch button{flex:1;min-height:39px;font-size:12px;border-radius:7px;font-weight:700}.row-switch button[aria-pressed=true]{background:var(--navy);color:white}.kitchen-width-guide{padding:12px 14px;background:#e6eef9;border-radius:11px;margin-bottom:12px}.kitchen-width-guide strong{display:block;font-size:13px}.kitchen-width-guide span{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.width-field-label{display:block;font-size:10px;font-weight:650;width:100%}.is-kitchen .catalog-controls select{font-size:19px;min-height:44px;border:1px solid #bacbe2}.width-fit-note{font-size:9px!important;min-height:29px!important;width:100%;color:var(--navy)!important;line-height:1.4!important;margin:3px 0!important}.width-fit-note.over-width{color:var(--red)!important}.dimensions-details{border-top:1px solid var(--line);margin-top:17px;padding-top:10px}.dimensions-details summary{display:flex;justify-content:space-between;cursor:pointer;min-height:40px;align-items:center;font-size:12px;font-weight:700;list-style:none}.dimension-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:10px}.dimensions-details p{font-size:10px;color:var(--muted);margin:12px 0 0}
.custom-fields,.custom-space-panel{background:white;border:1px solid #e4ebf5;border-radius:16px;padding:17px 18px;margin:0 0 12px}.custom-fields h3,.custom-space-title{font-size:14px;margin:0 0 6px}.live-dimension-note{font-size:11px;color:var(--muted);margin:0 0 14px}.custom-dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.number-field{min-width:0}.number-field>label{display:block;font-size:11px;color:var(--muted);font-weight:550}.number-field input{display:block;width:100%;min-height:42px;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:#fafcff;padding:0 10px;font-size:19px;font-weight:750;color:var(--navy)}.number-field small{font-size:10px;color:var(--muted);display:none}.custom-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.custom-options-grid label{font-size:11px;color:var(--muted)}.custom-options-grid select{display:block;width:100%;min-height:42px;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:#fafcff;padding:0 9px;font-size:14px;font-weight:650;color:var(--navy)}.custom-checkboxes{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:11px}.custom-checkboxes label{display:flex;gap:6px;align-items:center;min-height:35px}.custom-checkboxes input{width:17px;height:17px}.custom-autofit{border:1px solid #c4d4e8;border-radius:10px;min-height:44px;padding:9px 13px;font-size:11px;font-weight:650;margin-top:12px}.custom-autofit:hover{background:#e7eef8}.custom-panel-notice,.custom-color-note{font-size:10px;color:var(--muted);line-height:1.5;margin:12px 0 0}.custom-space-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.custom-space-fields .number-field input{font-size:16px}.custom-space-panel .custom-space-title{font-size:12px;margin-bottom:10px}.technical-top h3{font-size:12px;line-height:1.5;margin:0 0 5px}.technical-top p{font-size:10px;color:#c2d3e8;margin:0 0 10px}.technical-top .secondary{color:white;border-color:#fff7;font-size:10px;min-height:37px;margin-bottom:10px}.technical-table{border-collapse:collapse;width:100%;font-size:9px;table-layout:fixed}.technical-table th,.technical-table td{text-align:left;padding:8px 4px;border-bottom:1px solid #ffffff24;overflow-wrap:anywhere}.technical-table th{color:#b8cde6;font-weight:500}.technical-table th:first-child{width:47%}.technical-table th:nth-child(2){width:15%}.technical-summary>p{font-size:9px;color:#a9bed9;margin:12px 0 0;line-height:1.6}
.comparison{border-top:1px solid var(--line);padding-top:28px;margin-top:34px;scroll-margin-top:20px}.compare-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.compare-heading h2{font-size:25px;letter-spacing:-.6px}.compare-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:0}.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bccbdf;border-radius:10px;padding:9px 13px;min-height:42px;font-size:11px;font-weight:650;white-space:normal}.secondary:hover{background:#e5edf8}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-empty{grid-column:1/-1;background:white;border:1px dashed #c7d3e3;border-radius:18px;text-align:center;padding:32px 15px}.empty-icon{font-size:28px;margin-bottom:10px;color:#b6c5d9}.compare-empty h3{margin:0 0 7px}.compare-empty p{font-size:12px;color:var(--muted);margin:0}.compare-card{border:1px solid var(--line);background:white;border-radius:17px;padding:16px;min-width:0}.compare-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.compare-card h3{margin:0;font-size:14px;overflow-wrap:anywhere}.compare-card-top button{width:35px;min-height:35px;font-size:22px}.compare-thumb{height:240px;background:#f3f7fc;border-radius:11px;margin:12px 0;padding:8px}.compare-thumb svg{width:100%;height:100%}.compare-row-stats h4{font-size:10px;color:var(--muted);margin:12px 0 5px}.compare-stats{display:flex;justify-content:space-between;gap:8px}.compare-stats span{font-size:10px;color:var(--muted);display:block}.compare-stats strong{font-size:19px}.compare-stats small{font-size:10px;font-weight:400}.compare-status{font-size:10px;font-weight:650;color:#236246;margin:12px 0 6px}.compare-status.bad{color:var(--red)}.compare-settings{font-size:10px;color:var(--muted);margin:0 0 13px}.compare-card>.secondary,.compare-card>.primary{width:100%}.bottom-note{display:flex;align-items:center;gap:16px;padding:23px 0;margin-top:22px}.bottom-note>span{font-size:27px;color:var(--orange);flex-shrink:0}.bottom-note h2{font-size:13px}.bottom-note p{font-size:11px;color:var(--muted);margin:0;max-width:780px}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:22px 0;font-size:9px;color:var(--muted)}footer>span:first-child{font-size:14px;font-weight:850;color:var(--navy)}footer p{margin:0}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;font-size:12px;padding:14px 20px;border-radius:12px;box-shadow:0 6px 25px #142e522a;z-index:110;max-width:calc(100vw - 32px);width:max-content;text-align:center}.toast.error{background:#8a2927}dialog{color:var(--navy);background:#f6f9fe;border:1px solid #d5dfed;border-radius:23px;width:min(1050px,calc(100vw - 36px));max-height:calc(100dvh - 44px);padding:28px;overflow:auto}dialog::backdrop{background:#0e2446aa;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.dialog-top h2{font-size:27px;letter-spacing:-.5px}.dialog-top .icon-button{flex-shrink:0}.dialog-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 20px}.suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.no-suggestions{grid-column:1/-1;padding:24px;text-align:center;font-size:13px;color:var(--muted)}.model-manager{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.model-manager-list>select{width:100%;min-height:42px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 10px;margin-bottom:12px}.model-manager-list>.secondary{width:100%;margin-top:12px}.model-list-button{width:100%;text-align:left;padding:11px 12px;border:1px solid transparent;display:flex;align-items:center;gap:8px;border-radius:10px;min-height:50px;margin-bottom:5px;background:white;font-size:12px}.model-list-button small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:4px}.model-list-button.selected{border-color:var(--orange);background:#fff4ed}.model-list-button.disabled-model{opacity:.6}.model-list-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0}.model-form{min-width:0}.model-preview{background:#edf3fb;border:1px solid var(--line);border-radius:14px;height:210px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;padding:10px}.model-preview svg{height:100%;width:100%}.model-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.model-fields>label{display:block;font-size:11px;color:var(--muted)}.model-fields>label>input,.model-fields>label>select{display:block;width:100%;min-height:42px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 10px;font-size:13px;color:var(--navy);margin-top:5px}.model-fields>label>small{font-size:10px;display:block;margin-top:4px}.model-structure-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.model-structure-grid input{font-size:15px}.model-flags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;font-size:11px}.model-flags label{display:flex;align-items:center;gap:7px;min-height:35px}.model-flags input{width:17px;height:17px}.model-range-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.model-range-heading{grid-column:1/-1;font-size:12px;margin:5px 0 0}.model-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.model-actions .primary{font-size:12px}.model-save-note{font-size:10px;color:var(--muted);margin:12px 0 0}.danger-button{color:var(--red);border-color:#d5b4b3}.catalog-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:23px;padding-top:18px;font-size:11px}.import-catalog{cursor:pointer}.import-catalog input{position:absolute;width:1px;height:1px;opacity:0}.import-catalog:focus-within{outline:3px solid #3472b9;outline-offset:3px}#model-save-status{font-size:11px;color:var(--muted)}
@media(min-width:1600px){.studio-shell{grid-template-columns:280px minmax(0,1fr)}.design-rail{padding:34px 26px}.brand{font-size:34px}.product-tabs>button{padding:20px 15px}.studio-main{padding:34px 35px 0}.workspace{grid-template-columns:minmax(0,1fr) 340px;column-gap:30px}.stage{height:490px}.kitchen-stage{height:520px}.is-custom .stage{height:415px}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(133px,1fr))}}
@media(max-width:1250px){.studio-shell{grid-template-columns:206px minmax(0,1fr)}.design-rail{padding:25px 15px}.brand{font-size:26px}.brand span{font-size:8px;letter-spacing:2.8px}.design-step{gap:10px}.design-step strong{font-size:17px}.design-step small{font-size:10px}.step-circle{width:39px;height:39px;font-size:20px}.design-steps:before{left:19px}.product-tabs>button{gap:9px;padding:15px 10px;min-height:89px}.tab-icon{width:29px;height:29px}.product-tabs strong{font-size:15px}.product-tabs small{font-size:10px}.tab-arrow{width:22px;font-size:24px}.product-tabs>button[aria-selected=true] .tab-arrow{height:25px;line-height:22px}.studio-main{padding:25px 20px 0}.workspace{grid-template-columns:minmax(0,1fr) 266px;gap:0 17px}.sequence-panel{padding:22px 17px}.summary-heading h2{font-size:23px}.summary-symbol{width:37px;height:37px}.stage{height:370px}.kitchen-stage{height:390px}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.view-switch button{padding:8px 9px;font-size:10px}.custom-dimension-grid{gap:12px}.finish-toolbar{gap:10px}.finishes{gap:8px}.live-width-grid{grid-auto-columns:175px}}
@media(max-width:1050px){.studio-shell{grid-template-columns:190px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr)}.stage-panel{grid-column:1;grid-row:1}.catalog{grid-column:1;grid-row:2}.sequence-panel{grid-column:1;grid-row:3;position:static;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.summary-heading{grid-column:1/-1;margin-bottom:18px}.fit-cards{grid-column:1;grid-row:2}.sequence-heading{grid-column:2;grid-row:2;align-self:start}.module-list{grid-column:2;grid-row:3/span 3;max-height:340px}.technical-summary{grid-column:2;grid-row:3/span 3}.summary-totals{grid-column:1;grid-row:3;margin:0 0 12px}.save-panel{grid-column:1;grid-row:4}.autosave{grid-column:1;grid-row:5}.plan-warnings{grid-column:1/-1;grid-row:6;margin:16px 0 0}.stage{height:410px}.kitchen-stage{height:440px}.is-custom .stage{height:365px}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-heading{align-items:flex-start}.compare-heading h2{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:16px}.studio-shell{display:block}.design-rail{position:relative;height:auto;overflow:visible;padding:18px 18px 14px;display:grid;grid-template-columns:1fr auto;gap:13px 15px}.brand{font-size:25px;margin:0;align-self:center}.brand span{font-size:7px;letter-spacing:2.7px;margin-top:5px;text-align:left}.rail-bottom{margin:0;padding:0;grid-column:2;grid-row:1;align-self:center}.rail-bottom p,.rail-line{display:none}.manage-button{font-size:10px;padding:7px 9px;min-height:37px;width:auto}.design-steps{grid-column:1/-1;grid-row:3;display:flex;gap:5px;margin:0;justify-content:space-between}.design-steps:before{display:none}.design-step{padding:3px;min-height:32px;gap:7px;flex:1}.step-circle{width:24px;height:24px;font-size:12px;border-color:#fff9}.design-step strong{font-size:11px}.design-step small{display:none}.product-tabs{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.product-tabs>button{flex-direction:column;align-items:flex-start;gap:5px;padding:11px 10px;border-radius:12px;min-height:88px;position:relative}.tab-icon{width:25px;height:25px}.product-tabs strong{font-size:13px;letter-spacing:-.2px}.product-tabs small{display:none}.tab-arrow{position:absolute;right:7px;top:10px;width:19px;font-size:20px}.product-tabs>button[aria-selected=true] .tab-arrow{width:20px;height:20px;line-height:18px}.product-tabs>button[data-tab=custom] strong{font-size:12px}.studio-main{padding:19px 18px 0}.intro{margin-bottom:17px;gap:12px;align-items:flex-start}h1{font-size:27px;letter-spacing:-.7px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro-note{font-size:12px}.top-actions{gap:6px}.icon-button{width:36px;height:38px;font-size:23px;border-radius:10px}.icon-button svg{width:19px;height:19px}.stage{height:350px}.kitchen-stage{height:380px}.is-custom .stage{height:330px}.live-label{font-size:8px;letter-spacing:.4px}.live-label #module-count{display:none}.view-switch button{font-size:10px;padding:7px 9px;min-height:34px}.stage-meta{left:13px;right:10px;top:10px}.stage-meta span{font-size:10px}.measure-bar{padding:13px 16px;border-radius:14px}.measure-value input{font-size:24px;width:90px}.measure-footer{font-size:10px}.live-width-grid{grid-auto-columns:185px}.finish-toolbar{flex-wrap:wrap;gap:8px;padding:12px 1px 16px}.finishes{gap:10px}.finish-label{font-size:10px}.swatches{gap:5px}.led-toggle{font-size:11px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-info h3{font-size:12px}.catalog-illustration{height:100px}.sequence-panel{border-radius:19px;padding:23px 20px}.compare-heading{flex-direction:column;gap:12px}.compare-heading h2{font-size:24px}.compare-thumb{height:215px}.comparison{margin-top:28px}.model-manager{grid-template-columns:180px minmax(0,1fr);gap:18px}.model-fields{gap:10px}.model-actions{flex-direction:column}dialog{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog-top h2{font-size:23px}.suggestions{grid-template-columns:1fr}.suggestions .compare-thumb{height:220px}.model-structure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-wrap:wrap;gap:8px;padding:19px 0}}
@media(max-width:520px){.studio-main{padding:18px 12px 0}.design-rail{padding:16px 14px 12px}.brand{font-size:23px}.brand span{letter-spacing:2.3px}.manage-button{font-size:9px}.product-tabs strong{font-size:12px}.product-tabs>button[data-tab=custom] strong{font-size:11px}.product-tabs>button{min-height:87px;padding:10px 8px}.intro{gap:8px}h1{font-size:24px}.intro-note{font-size:11px;line-height:1.5}.eyebrow{font-size:7px;letter-spacing:1px}.top-actions{gap:5px}.icon-button{width:33px;min-width:33px;height:35px}.stage-toolbar{gap:5px}.view-switch{padding:3px;gap:1px}.view-switch button{padding:8px 7px;font-size:9px}.stage{height:295px;min-height:230px;border-radius:15px}.kitchen-stage{height:330px}.is-custom .stage{height:300px}.wardrobe{padding:42px 7px 7px}.stage-meta{top:9px;left:12px}.stage-meta span{font-size:9px;max-width:70%}.stage-meta button{font-size:9px;min-height:30px;padding:6px 8px}.measure-footer{gap:8px;flex-wrap:wrap}.margin-details{text-align:left}.margin-field{width:min(250px,100%)}.measure-heading h2{font-size:13px}.measure-value{font-size:13px}.live-modules-heading p{font-size:9px;max-width:170px;text-align:right}.live-width-grid{grid-auto-columns:180px}.finishes{gap:7px}.finish-label{min-width:80px}.swatches{gap:2px}.swatch{width:30px;height:30px}.swatch span{width:21px;height:21px}.led-toggle{font-size:10px;gap:6px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-card{padding:12px}.catalog-illustration{height:110px}.catalog-info p{font-size:10px}.catalog-controls select{min-height:42px;font-size:14px}.catalog-controls .add-module,.custom-template button{min-height:40px;font-size:12px}.width-fit-note{min-height:28px!important;font-size:10px!important}.is-kitchen .catalog-controls select{font-size:21px;min-height:46px}.catalog-subtitle{font-size:10px}.sequence-panel{display:block;padding:24px 20px;position:static}.summary-heading{margin-bottom:20px}.summary-heading h2{font-size:27px}.fit-value strong{font-size:42px}.fit-cards{margin-bottom:20px}.module-list{max-height:none;overflow:visible}.sequence-heading{margin-bottom:11px}.summary-totals{margin:18px 0}.autosave{margin-top:14px}.plan-warnings{margin:0 0 16px}.chip-image{width:50px;height:62px}.chip-head strong{font-size:13px}.chip-head small{font-size:11px}.chip-controls{margin-left:60px}.chip-controls select{height:38px;font-size:12px}.chip-controls button{width:34px;min-height:38px}.custom-dimension-grid{grid-template-columns:1fr;gap:12px}.custom-dimension-grid .number-field>label{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:14px}.custom-dimension-grid input{width:108px;margin:0;font-size:21px}.custom-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-checkboxes{gap:8px 14px}.custom-space-panel,.custom-fields{padding:16px;border-radius:14px}.custom-space-fields{gap:12px}.custom-space-fields input{font-size:17px}.custom-space-fields .number-field>label{font-size:10px}.custom-space-fields .range-limits{font-size:9px}.dimension-fields{grid-template-columns:1fr;gap:12px}.dimension-fields .number-field>label{display:flex;align-items:center;justify-content:space-between;gap:12px}.dimension-fields input{width:100px;margin:0;font-size:17px}.selected-editor{flex-direction:column;align-items:flex-start}.compare-grid{grid-template-columns:1fr}.compare-thumb{height:255px}.compare-heading h2{font-size:23px}.bottom-note{align-items:flex-start;padding:20px 2px}.bottom-note p{font-size:10px}.model-manager{display:block}.model-manager-list{margin-bottom:18px}.model-manager-list #models-list{display:flex;gap:7px;overflow:auto;max-height:125px}.model-list-button{min-width:160px;margin-bottom:0}.model-manager-list>.secondary{margin-top:10px}.model-preview{height:220px}.model-fields{grid-template-columns:1fr 1fr}.model-fields>label{font-size:10px}.model-actions{gap:10px}.model-flags{gap:8px 12px}.model-range-fields{gap:12px}.catalog-actions{gap:8px}.catalog-actions .secondary{flex:1;font-size:10px}.dialog-note{font-size:11px}.technical-table{font-size:11px}.technical-top h3{font-size:14px}.technical-top p{font-size:12px}.technical-summary>p{font-size:10px}.technical-top .secondary{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{@page{size:A4 landscape;margin:12mm}body{background:white;font-size:11px;color:#142e52}.studio-shell{display:block}.studio-main{padding:0;max-width:none}.design-rail,.top-actions,.stage-toolbar,.stage-meta,.measure-bar,.custom-space-panel,.custom-fields,.live-module-controls,.catalog,.finish-toolbar,.selected-editor,.comparison,.bottom-note,footer,.save-panel,.autosave,.sequence-heading .summary-clear,.chip-controls,dialog,.toast,.skip{display:none!important}.intro{margin:0 0 10px}.intro .eyebrow{font-size:8px}.intro h1{font-size:25px}.intro-note{font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:15px}.stage-panel{grid-column:1;grid-row:1}.sequence-panel{grid-column:2;grid-row:1;background:white;color:#142e52;border:1px solid #d1d9e4;position:static;padding:15px;border-radius:8px;display:block;break-inside:avoid}.summary-symbol{display:none}.summary-heading{margin-bottom:12px}.summary-heading h2{font-size:19px}.summary-heading p,.sequence-heading p{color:#526075}.stage,.is-custom .stage,.kitchen-stage{height:470px;background:white;border:1px solid #dce4ef;border-radius:8px;margin:0}.wardrobe{padding:10px;height:100%}.stage.is-zoomed .wardrobe{display:flex;overflow:hidden}.stage.is-zoomed .wardrobe svg{width:100%;height:100%;max-width:100%;max-height:100%}.fit-summary{border:1px solid #d7e0ea;padding:10px;background:white}.fit-row-title,.fit-value>span,.fit-meta,.fit-calculation,.fit-badge{color:#526075}.fit-value strong{font-size:25px}.fit-meta strong,.summary-total-row strong{color:#142e52}.fit-track{background:#e2e8f0;height:8px}.fit-track span{background:var(--orange);print-color-adjust:exact}.module-list{max-height:none;overflow:visible}.chip-head strong{color:#142e52;font-size:10px}.chip-head small,.chip-number{color:#526075}.module-chip{padding:4px;border:0;break-inside:avoid}.chip-image{background:#f0f4f8;width:30px;height:40px}.sequence-row-title{color:#526075}.summary-totals{color:#526075;border-color:#d7e0ea;font-size:10px;margin:12px 0}.plan-warnings{color:#b3261e;background:white;border-color:#dca6a2;font-size:10px}.technical-table th,.technical-top p,.technical-summary>p{color:#526075}.technical-table td,.technical-table th{border-color:#dce4ef}.technical-top .secondary{display:none}.technical-top h3{color:#142e52}.print-comparison .planner{display:none}.print-comparison .comparison{display:block;margin:0;padding:0;border:0}.print-comparison .compare-heading .secondary{display:none}.print-comparison .compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.print-comparison .compare-card{break-inside:avoid;box-shadow:none}.print-comparison .compare-card button{display:none}.print-comparison .compare-thumb{height:220px;background:white}.print-comparison .intro{margin-bottom:15px}}
/* Keep the exact orange while making small labels readable. */
.design-step small,.product-tabs>button:not([aria-selected=true]) small{color:#24190f}.manage-button{color:#171717;font-weight:750;border-color:#ffffffa6}.primary{color:#171717}.save-panel .primary{color:var(--navy);font-size:19px}.product-tabs>button:not([aria-selected=true]) strong{color:#171717}.design-step strong{color:#171717}.design-step[aria-current=step] strong{color:#171717}.design-step:focus-visible,.product-tabs>button:focus-visible{outline-color:#142e52}.design-step .step-circle{color:#171717;background:var(--orange)}.design-step[aria-current=step] .step-circle{color:#142e52;background:white}
.technical-top .secondary:hover{background:#ffffff18}.design-rail button:disabled{opacity:.65}.design-rail:before{content:'';position:absolute;right:-26px;bottom:65px;width:165px;height:165px;border:30px solid #ffffff08;transform:rotate(-24deg);border-radius:25px;z-index:-1;pointer-events:none}.design-rail{overflow-x:hidden}
@media(max-width:760px){.design-rail:before{display:none}}
/* Approved circular Faal Yapı artwork, kept in its original proportions. */
.brand{display:block;width:100%;max-width:172px;min-width:0;line-height:0;white-space:normal;border-radius:10px;margin-bottom:28px}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit}
.brand:focus-visible,.footer-brand:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.footer-brand{display:block;width:100px;flex-shrink:0;line-height:0;border-radius:6px}
.print-brand{display:none}
.stage-toolbar{flex-wrap:wrap;row-gap:9px}.view-switch{max-width:100%}
.view-switch button{min-height:40px}.view-switch button[data-view=realistic][aria-pressed=true]{background:#142e52}
.stage.is-realistic{background:#bec5ce}
.stage.is-realistic .wardrobe{padding:0;display:block;overflow:hidden}
.realistic-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.realistic-canvas:active{cursor:grabbing}.realistic-canvas:focus-visible{outline:3px solid var(--orange);outline-offset:-4px;border-radius:20px}
.is-realistic .stage-meta span{padding:5px 8px;border-radius:7px;background:#ffffffb8;color:#43536b;max-width:100%;font-size:10px}
.realistic-status{position:absolute;top:47px;left:15px;right:15px;z-index:2;background:#fffc;border:1px solid #dce4ef;border-radius:10px;padding:10px 14px;font-size:12px;text-align:center;color:var(--navy);pointer-events:none}
.realistic-status.error{color:#963b22;background:#fff5ef;border-color:#edd0c1}
.realistic-tools{margin:0 0 19px}.realistic-controls{display:flex;justify-content:space-between;align-items:center;gap:8px}
.realistic-interior{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;cursor:pointer;min-height:44px;flex-shrink:0}
.realistic-interior input{width:17px;height:17px;accent-color:var(--orange);margin:0}
.realistic-camera{display:flex;gap:5px}.realistic-camera button{width:42px;min-height:42px;border-radius:10px;background:#edf1f6;border:1px solid #dce4ef;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--navy)}
.realistic-camera button:hover:not(:disabled){background:#fff3e9;border-color:#f27a1a66;color:#965017}
.realistic-camera button:disabled{opacity:.4;cursor:wait}.realistic-camera svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
#realistic-hint{font-size:10px;line-height:1.6;color:#586981;margin:7px 0 0}#realistic-hint span{display:block;color:#7b8593;font-size:9px}
.realistic-unavailable{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px 18px;gap:12px}.realistic-unavailable>span{font-size:38px;color:var(--orange)}.realistic-unavailable h3{font-size:17px}.realistic-unavailable p{font-size:12px;line-height:1.6;color:var(--muted)}.realistic-unavailable .secondary{font-size:12px;min-height:44px}
.realistic-saved{margin:0 15px 14px;border:1px solid var(--line);border-radius:9px;font-size:11px;overflow:hidden}.realistic-saved summary{padding:11px;cursor:pointer;color:var(--navy);font-weight:650}.realistic-saved img{display:block;width:100%;height:auto;background:#bec5ce}
.realistic-print{display:none}
@media(min-width:1600px){.brand{max-width:184px}}
@media(max-width:1250px){.view-switch button{font-size:10px;padding:8px 9px}}
@media(max-width:760px){.brand{width:100px;max-width:100%;margin:0}.stage-toolbar{gap:7px}.view-switch button{min-height:42px}.realistic-controls{gap:5px}.realistic-camera button{min-height:44px;width:44px}.realistic-canvas:focus-visible{border-radius:15px}}
@media(max-width:520px){.brand{width:92px;border-radius:8px}.stage-toolbar{flex-direction:column;align-items:stretch;gap:9px;margin-bottom:10px}.live-label{padding-left:3px}.view-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;align-self:stretch}.view-switch button{font-size:11px;padding:8px 3px;min-width:0;min-height:44px}.realistic-interior{font-size:11px;gap:6px}.realistic-camera{gap:4px}.realistic-camera button{width:40px;min-height:44px;font-size:21px}.realistic-tools{margin-bottom:17px}.is-realistic .stage-meta span{font-size:9px;max-width:100%}.realistic-status{font-size:10px;padding:8px 10px;top:45px}.realistic-unavailable h3{font-size:15px}#realistic-hint{font-size:9px}}
@media print{.print-brand{display:block;width:24mm;height:auto;margin:0 0 3mm;print-color-adjust:exact}.realistic-tools,.realistic-status,.realistic-saved{display:none!important}.has-print-image .wardrobe{display:none!important}.has-print-image .realistic-print{display:block;width:100%;height:100%;object-fit:contain}.has-print-image{background:white}}

/* Surface choices and direct module placement controls. */
.finish-toolbar{align-items:flex-end;flex-wrap:wrap;gap:14px}
.finishes{flex:1;min-width:0;flex-direction:column;align-items:stretch;gap:8px}
.finish-label{display:flex;gap:8px;align-items:center;min-width:0}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
.swatch{width:100%;min-width:0;min-height:70px;height:auto;padding:8px 5px;border:1.5px solid var(--line);border-radius:11px;background:white;color:var(--navy)}
.swatch .finish-swatch{width:26px;height:26px;margin:0 auto 6px;border:1px solid #142e5230}
.swatch-name{display:block;font-size:11px;line-height:1.25;font-weight:650;white-space:normal}
.swatch[aria-pressed=true]{border-color:var(--orange);background:#fff3e9;box-shadow:0 0 0 1px var(--orange)}
.swatch[data-finish=sand] .finish-swatch{background-image:url('/studio/assets/oak-veneer.webp');background-size:cover}
.swatch[data-finish=walnut] .finish-swatch{background-image:url('/studio/assets/walnut-veneer.webp');background-size:cover}
.led-toggle{margin-bottom:11px}
.live-modules-heading{align-items:flex-start}
.live-modules-heading p{max-width:310px;line-height:1.5}
.live-width-grid{grid-auto-columns:minmax(205px,1fr)}
.live-width-card-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;margin-bottom:9px}
.live-width-card h4{margin:0;font-size:11px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
.live-width-card h4 span{display:block;font-size:9px;margin-top:3px}
.live-width-thumb{display:block;width:44px;height:54px;min-height:44px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#f6f9fd}
.live-width-thumb[aria-pressed=true]{border-color:var(--navy)}
.live-width-main{gap:6px}
.live-width-main .width-step{width:44px;min-width:44px;min-height:44px;font-size:22px}
.live-width-main output{font-size:20px}
.live-module-actions{display:flex;gap:6px;border-top:1px solid var(--line);margin-top:9px;padding-top:9px}
.live-module-actions .module-move{flex:1;min-width:0;min-height:44px;border:1px solid #cdd9e8;border-radius:8px;color:var(--navy);background:#f5f8fc;font-size:11px;font-weight:700;padding:0 4px;white-space:nowrap}
.live-module-actions .module-move:hover:not(:disabled){background:#fff3e9;border-color:var(--orange)}
.module-remove{display:grid;place-items:center;flex-shrink:0;width:44px;min-width:44px;min-height:44px;border:1px solid #edc4bb;border-radius:9px;font-size:27px;line-height:1;color:#a52c1e;background:#fff2ed;padding:0}
.module-remove:hover{background:#ffe3d9;border-color:#c87664}
.chip-top{display:flex;align-items:flex-start;gap:7px}
.chip-top .chip-select{width:auto;flex:1;min-width:0}
.chip-top .module-remove{width:44px;min-width:44px;min-height:44px;font-size:27px}
.chip-controls button{width:44px;min-width:44px;min-height:44px;font-size:19px}
.chip-controls select{min-height:44px}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:start;gap:32px;padding:30px 0;font-size:13px;line-height:1.6}
.footer-intro{display:flex;flex-direction:column;gap:12px}
.footer-intro p{font-size:11px;margin:0}
.footer-contact{min-width:0}
.footer-contact h2{font-size:18px;margin:0 0 13px;color:var(--navy)}
.contact-details{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:24px}
.contact-details address{font-style:normal;color:var(--navy);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.contact-details span{display:block;color:var(--muted);font-size:10px;font-weight:650;margin-bottom:5px}
.contact-phone{display:block;border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-height:70px;background:#eaf0f8;color:var(--navy)}
.contact-phone strong{font-size:16px;letter-spacing:.1px;white-space:nowrap}
.contact-phone:hover{border-color:var(--orange);background:#fff3e9}
@media(max-width:1050px){.site-footer{grid-template-columns:1fr;gap:22px}.footer-intro{flex-direction:row;align-items:center;gap:18px}}
@media(max-width:760px){.finishes{flex-basis:100%;width:100%}.led-toggle{margin:0 0 4px auto}.contact-details{grid-template-columns:1fr;gap:16px}.contact-phone{max-width:260px}.site-footer{padding:25px 2px}.contact-details address{font-size:14px}}
@media(max-width:520px){.swatch-name{font-size:10px}.live-modules-heading p{max-width:160px}.chip-controls{margin-left:0}.chip-controls select{font-size:13px}}
@media print{.module-remove{display:none!important}}

/* Four product categories: scrollable touch targets on narrow screens. */
.is-bathroom .catalog-controls label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
.is-bathroom .catalog-controls select{font-size:24px;font-weight:800;min-height:48px;background:#fff7ef;border-color:#f0c09c}
.is-bathroom .row-switch button{flex:1;min-width:0}
.print-sheet{display:none}
@media(max-width:760px){.product-tabs{display:flex;overflow-x:auto;gap:8px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:5px}.product-tabs>button{flex:1 0 110px;min-width:110px;scroll-snap-align:start}.product-tabs strong{font-size:12px}.product-tabs>button[data-tab=custom] strong{font-size:11px}}
@media(max-width:520px){.product-tabs>button{flex-basis:100px;min-width:100px}.is-bathroom .catalog-controls select{font-size:21px}.row-switch{display:flex}.row-switch button{padding:10px 8px;min-height:44px}}
@media print{
  @page{size:A4 landscape;margin:10mm}
  body.print-plan{margin:0!important;padding:0!important;background:white!important;line-height:0}
  body.print-plan> :not(#print-sheet){display:none!important}
  body.print-plan .print-sheet{display:block!important;position:static;width:277mm;height:187mm;margin:0;padding:0;break-inside:avoid;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .print-plan .print-sheet>svg{display:block;width:277mm;height:187mm;max-width:none;overflow:visible}
}

/* Visible per-instance bathroom editing beside the preview. */
.is-bathroom .live-module-actions{flex-wrap:wrap}
.module-edit{min-height:44px;flex-basis:100%;border:1px solid var(--navy);border-radius:8px;font-size:13px;font-weight:700;background:white}
.is-bathroom .selected-editor{display:block;padding:18px;background:#fff7ef;border:1px solid #efc49c;border-radius:14px}
.instance-editor-heading h3{font-size:16px;margin:0 0 6px}.instance-editor-heading p{font-size:12px;margin:0 0 14px}
.instance-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.instance-dimensions label{font-size:12px;font-weight:700;display:block}.instance-dimensions select{width:100%;min-height:44px;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:8px;background:white;font-size:18px;color:var(--navy)}
.instance-actions{display:flex;gap:8px;margin-top:12px}.instance-actions button{min-height:44px;flex:1;border:1px solid var(--line);border-radius:8px;background:white;font-size:13px;font-weight:700}.instance-delete{color:#b3261e}
@media(max-width:520px){.instance-dimensions{grid-template-columns:1fr}.instance-actions{flex-wrap:wrap}.instance-actions button{min-width:80px}}

/* Keep the desktop navigator attached to the viewport, without its own scroll. */
@media screen and (min-width:761px){
  :root{--rail-width:246px}
  .studio-shell{display:block;padding-left:var(--rail-width)}
  .design-rail{position:fixed;inset:0 auto 0 0;width:var(--rail-width);height:100dvh;overflow:hidden;z-index:20;padding:16px;gap:0}
  .design-rail .brand{width:clamp(64px,14dvh,120px);max-width:100%;margin:0 auto 16px;flex-shrink:0}
  .design-steps{gap:6px;margin:0 0 16px;flex-shrink:0}
  .design-step{min-height:44px;padding:3px 0;gap:10px}
  .step-circle{width:34px;height:34px;font-size:17px}
  .design-steps:before{left:17px}
  .design-step strong{font-size:16px}.design-step small{font-size:10px}
  .product-tabs{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px}
  .product-tabs>button{flex:1 1 0;min-height:44px;max-height:92px;padding:8px 10px;gap:9px;border-radius:14px}
  .product-tabs strong{font-size:15px;line-height:1.2}.product-tabs small{font-size:10px;line-height:1.3;margin-top:4px}
  .tab-icon{width:28px;height:28px}.tab-arrow{width:22px;font-size:23px}
  .rail-bottom{flex-shrink:0;margin-top:12px;padding-top:0}
  .rail-bottom p{font-size:17px;margin-bottom:8px}.rail-line{margin-bottom:10px}
}
@media screen and (min-width:761px) and (max-width:1250px){:root{--rail-width:206px}.product-tabs strong{font-size:14px}}
@media screen and (min-width:761px) and (max-width:1050px){:root{--rail-width:190px}.design-rail{padding:14px}.product-tabs>button{padding:8px;gap:7px}.tab-icon{width:24px;height:24px}.tab-arrow{width:18px}.product-tabs strong{font-size:13px}}
@media screen and (min-width:1600px){:root{--rail-width:280px}}
@media screen and (min-width:761px) and (max-height:850px){.rail-bottom p,.rail-line{display:none}}
@media screen and (min-width:761px) and (max-height:600px){
  .design-rail{padding:10px 14px}.design-rail .brand{width:54px;margin-bottom:10px}
  .design-steps{display:flex;justify-content:space-between;gap:4px;margin-bottom:10px}.design-steps:before{display:none}
  .design-step{flex:1;min-height:48px;flex-direction:column;gap:3px;padding:0}.step-circle{width:24px;height:24px;font-size:12px}.design-step strong{font-size:10px}.design-step small,.product-tabs small{display:none}
  .product-tabs{gap:6px}.product-tabs>button{max-height:64px}.rail-bottom{margin-top:8px}
}

.kitchen-corner-settings{padding:16px;border:1px solid #ebc198;background:#fff7ef;border-radius:12px;margin:12px 0 16px}.kitchen-corner-settings h3{font-size:15px;margin-bottom:8px}.kitchen-corner-settings p{font-size:11px;line-height:1.5;margin:8px 0}.corner-direction{display:flex;gap:8px;margin:12px 0}.corner-direction button{flex:1;min-height:44px;border:1px solid #bac9dc;border-radius:8px;padding:8px;background:white;font-size:12px;font-weight:700}.corner-direction button[aria-pressed=true]{background:var(--navy);color:white}.corner-assumption{color:var(--muted)}.kitchen-fit{gap:10px}