@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700&display=swap";*{box-sizing:border-box}body{margin:0;background:#171713;color:#292a25;font:14px DM Sans,sans-serif}button,select,input{font:inherit}main{display:grid;grid-template-columns:390px 1fr;height:100vh;overflow:hidden}aside{background:#f5f3ed;padding:28px;overflow:auto;box-shadow:8px 0 30px #0003;z-index:2}header{display:flex;align-items:center;gap:13px;padding-bottom:25px;border-bottom:1px solid #dcd8cd}.mark{width:39px;height:39px;border-radius:10px;background:#ff4d42;color:#fff;font:700 22px Manrope;display:grid;place-items:center}h1{font:700 18px Manrope;margin:0}p{margin:3px 0 0;color:#89887f;font-size:12px}section{padding:22px 0;border-bottom:1px solid #ddd9ce}label,.section-title label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#77776e;display:block}.tabs{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}button{border:0;cursor:pointer}.tabs button{padding:8px 11px;background:#e7e4db;border-radius:6px;color:#67675f}.tabs .active{background:#ff4d42;color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title span{font-size:11px;color:#99978e}.unit{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;padding:12px 10px;margin-bottom:7px;border:1px solid #dedbd1;border-radius:8px;background:#fbfaf6;color:#34352f}.unit.selected{border-color:#ff4d42;box-shadow:0 0 0 1px #ff4d42}.unit b{color:#aaa79d}.unit span{font-weight:600}.unit small{display:block;color:#929087;font-weight:400;margin-top:3px}.unit i{font-style:normal;font-size:10px;background:#e9e6dc;padding:4px 6px;border-radius:4px}.add{display:flex;gap:7px;margin-top:12px}.add select{flex:1}.add button,.export{background:#ff4d42;color:#fff;border-radius:6px;padding:10px 13px;font-weight:600}select,input[type=number]{width:100%;background:#fff;border:1px solid #d5d1c5;border-radius:6px;padding:9px;margin-top:7px;color:#34352f}.editor>label{margin-top:15px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.editor output{float:right;color:#a16e34}.editor input[type=range]{width:72%;accent-color:#ff4d42;margin:16px 8px 0 0}.editor input[type=number]{width:25%;padding:6px}.spec{display:flex;gap:25px;background:#eae7de;padding:12px;border-radius:7px;margin-top:15px;font-size:11px;color:#85837b}.spec span{display:grid;gap:3px}.spec b{color:#3e4039;text-transform:capitalize}.danger{background:none;color:#a2574c;font-size:11px}.export{width:100%;margin-top:14px}.viewport{position:relative;background:radial-gradient(circle at 50% 25%,#464942,#20221f 65%)}canvas{cursor:grab}.badge,.hint{position:absolute;z-index:1;color:#dedfd8;background:#20231fc9;border:1px solid #ffffff1a;border-radius:20px;padding:8px 12px;font-size:11px}.badge{right:20px;top:20px}.badge span{display:inline-block;width:7px;height:7px;background:#72c983;border-radius:50%;margin-right:6px}.hint{bottom:20px;left:50%;transform:translate(-50%)}.dimension{white-space:nowrap;background:#20221fee;color:#fff;padding:6px 9px;border-radius:5px;font-size:11px}@media(max-width:800px){main{grid-template-columns:310px 1fr}aside{padding:18px}}.order-section{border-bottom:0;padding-bottom:4px}.order-button{width:100%;padding:12px;border-radius:7px;background:#c8c9c5;color:#7a7c76;font-weight:700;cursor:not-allowed;box-shadow:inset 0 0 0 1px #b8bab4}.order-notice{margin:8px 0 0;padding:8px 10px;border-radius:6px;background:#ebe8df;color:#77776e;text-align:center;font-size:11px}.order-pricing{margin-bottom:12px;padding:12px;border-radius:8px;background:#eae7de}.order-pricing>div{display:flex;align-items:center;justify-content:space-between;color:#6f7069;font-size:11px}.order-pricing b{color:#383a35;font-size:13px}.order-pricing .order-total{margin-top:9px;padding-top:9px;border-top:1px solid #d3cfc4}.order-pricing .order-total b{font-size:17px}.order-pricing small{display:block;margin-top:7px;color:#929087;font-size:9px}.tabs .active,.add button,.add-module,.person-options button.active{background:#565a53;border-color:#565a53;color:#fff}.unit.selected,.finish-options button.chosen{border-color:#777b73;box-shadow:0 0 0 1px #777b73}.castor-toggle.active{color:#565a53}.castor-toggle.active span{background:#565a53;border-color:#565a53}.castor-toggle{display:flex;align-items:center;gap:8px;width:100%;margin-top:11px;padding:9px 10px;border-radius:7px;background:#ebe8df;color:#696a62;text-align:left}.castor-toggle span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #c8c4b9;border-radius:5px;background:#fff;color:#fff;font-size:11px}.castor-toggle.active{color:#d93730;font-weight:600}.castor-toggle.active span{background:#ff4d42;border-color:#ff4d42}.dimension-arrow-label{white-space:nowrap;background:#ff4d42;color:#fff;padding:5px 8px;border-radius:12px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0003;pointer-events:none}.compartment-editor{margin-top:20px;padding-top:17px;border-top:1px solid #ddd9ce}.compartment-editor h3{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d93730;margin:0 0 10px}.compartment-list{display:grid;gap:8px;margin-top:10px}.compartment-list label{display:grid;grid-template-columns:1fr 145px;align-items:center;gap:8px;background:#ebe8df;border-radius:7px;padding:7px 8px}.compartment-list label span{font-size:10px;color:#696a62;text-transform:none;letter-spacing:0}.compartment-list select{margin:0;padding:7px;font-size:11px}.compartment-row{display:grid;grid-template-columns:1fr 145px;align-items:center;gap:7px;background:#ebe8df;border-radius:7px;padding:7px 8px}.compartment-row>span{font-size:10px;color:#696a62}.compartment-row select{margin:0;padding:7px;font-size:11px}.compartment-row select:nth-of-type(2){grid-column:2}.mark-logo{width:46px;height:46px;object-fit:cover;border-radius:10px;box-shadow:0 3px 12px #ff4d4233;align-self:center}.brand-copy>p:first-of-type{color:#ff4d42;font-weight:600}.company-subtitle{margin-top:5px;color:#89887f;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.solid-swatch{width:22px;height:22px;border-radius:4px;box-shadow:inset 0 0 0 1px #0001}.pastel-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.pastel-palette button{aspect-ratio:1;border-radius:6px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000010;transition:transform .12s,border-color .12s}.pastel-palette button:hover{transform:scale(1.08)}.pastel-palette button.selected{border-color:#ff4d42;box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #0001}.brand-copy{flex:1}.endorsement{display:flex;align-items:center;gap:8px;margin-top:13px}.endorsement img{width:34px;height:34px;object-fit:cover;border-radius:7px;box-shadow:0 2px 8px #0002}.endorsement span{font-size:10px;color:#85837b;letter-spacing:.03em}.lighting-lab .section-title{margin:12px 0 3px}.lighting-lab .section-title:first-child{margin-top:0}.lighting-lab output{font-size:10px;color:#d93730;font-weight:700}.lighting-lab>input{width:100%;accent-color:#ff4d42}.brightness-control output{font-size:11px;color:#d93730;font-weight:700}.brightness-control input{width:100%;accent-color:#ff4d42}.brightness-control .range-labels{margin-top:4px}.customer-dimensions{margin-top:18px}.customer-dimensions h3{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d93730;margin:0 0 9px}.dimension-selects{display:grid;grid-template-columns:1fr 1fr;gap:9px}.height-control{display:block;margin-top:16px}.height-control output{float:right;color:#d93730}.height-control input{width:100%;margin:14px 0 3px;accent-color:#ff4d42}.range-labels{display:flex;justify-content:space-between;color:#aaa79e;font-size:9px;font-weight:400;letter-spacing:0;text-transform:none}.person-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.person-options button{font-size:9px;padding:8px 4px;border-radius:6px;border:1px solid #d7d3c8;background:#ebe8df;color:#717168}.person-options button.active{background:#ff4d42;color:#fff;border-color:#ff4d42}.person-label{white-space:nowrap;background:#20221fdd;color:#fff;padding:5px 8px;border-radius:12px;font-size:10px}.finish-picker{background:#eae7de;padding:11px;border-radius:8px;margin:12px 0 4px}.finish-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.finish-options button{display:flex;align-items:center;gap:7px;border:1px solid #d2cec2;border-radius:6px;background:#f8f6f0;padding:8px;color:#5f6059}.finish-options button.chosen{border-color:#ff4d42;box-shadow:0 0 0 1px #ff4d42}.texture-swatch,.finish-options input{width:22px;height:22px;border:0;border-radius:4px;padding:0}.texture-swatch{background:url(/textures/plywood-face.jpg) center/cover}.finish-options input{cursor:pointer}.add-module{width:100%;margin-top:10px;background:#565a53;color:#fff;border-radius:6px;padding:10px 13px;font-weight:600}.field-group{margin-top:18px}.field-group h3{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d93730;margin:0 0 8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-grid label{font-size:9px}.number{position:relative}.number input{padding-right:28px}.number span{position:absolute;right:8px;bottom:9px;font-size:9px;color:#999}.clearance{background:#eae7de;border-radius:7px;margin-top:16px;padding:11px;font-size:11px}.clearance small{display:block;color:#86847c;margin-top:4px}@media(max-width:760px){body{overscroll-behavior:none}main{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.viewport{order:1;width:100%;height:46dvh;min-height:280px;flex:none}.viewport canvas{touch-action:none}.viewport .badge{top:10px;right:10px;font-size:9px;padding:6px 9px}.viewport .hint{display:none}aside{order:2;width:100%;height:54dvh;flex:1;padding:16px 18px 28px;box-shadow:0 -8px 28px #0004;border-radius:16px 16px 0 0}header{padding-bottom:15px;gap:11px}.mark-logo{width:40px;height:40px}h1{font-size:16px}section{padding:16px 0}.tabs button,.add-module,.castor-toggle,.unit,.finish-options button{min-height:44px}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.tabs button{white-space:nowrap}.unit{padding:10px}.field-grid,.dimension-selects{grid-template-columns:1fr 1fr}.compartment-row{grid-template-columns:1fr 140px}.pastel-palette{grid-template-columns:repeat(10,1fr);gap:5px}.dimension-arrow-label{font-size:9px;padding:4px 6px}}@media(max-width:420px){.viewport{height:42dvh;min-height:230px}aside{height:58dvh;padding-inline:14px}.finish-options{grid-template-columns:1fr 1fr}.pastel-palette{grid-template-columns:repeat(5,1fr)}.compartment-row{grid-template-columns:1fr 128px}.compartment-row>span{font-size:9px}.compartment-row select{font-size:10px}.dimension-selects{gap:7px}}@media(max-width:760px)and (orientation:landscape){main{display:grid;grid-template-columns:330px 1fr}.viewport{order:2;width:auto;height:100dvh;min-height:0}.viewport .hint{display:block}aside{order:1;width:330px;height:100dvh;border-radius:0;padding:14px 16px}}