@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap";.wall-summary{display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;padding:0 0 17px;font-size:12px;color:#788b95}.wall-summary strong{color:#3e5562;font-weight:600}.wall-summary b{color:#385361;margin-left:3px}:root{font-family:DM Sans,sans-serif;color:#243c48;background:#f0f3f4;font-synthesis:none;font-size:14px;--line: #e0e6e8;--muted: #7e8e96;--dark: #182f3b;--orange: #e88645}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--line);background:#fff;color:#3e5562;border-radius:7px;padding:9px 12px;white-space:nowrap;transition:background .15s,border-color .15s}button:hover{background:#f3f6f7;border-color:#b7c4ca}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid #f1a26a;outline-offset:3px}input,select{min-width:0}button svg{flex-shrink:0}.icon-button{padding:7px;border:0;background:transparent}.button-dark{background:var(--dark);border-color:var(--dark);color:#fff}.button-dark:hover{background:#2c4858;border-color:#2c4858}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:18px}.brand{display:flex;align-items:center;gap:0;color:var(--dark);font-family:Manrope,sans-serif;font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand>span:last-child{font-weight:500}.brand-icon{background:var(--dark);color:#efa06b;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;margin-right:10px}.version{font-size:11px;letter-spacing:1px;color:#8b9ba3;border-left:1px solid var(--line);padding-left:17px}.project-name{display:flex;align-items:center;gap:8px;margin-left:auto;font-weight:600;font-size:14px}.project-dot{height:6px;width:6px;border-radius:50%;background:#b2c0c6}.saved{font-size:12px;font-weight:400;color:var(--muted);display:flex;gap:4px;margin-left:10px;align-items:center}.top-actions{display:flex;gap:8px;margin-left:20px}.workspace{display:grid;grid-template-columns:260px minmax(420px,1fr) 282px;min-height:calc(100vh - 113px);max-width:1920px;margin:auto}.left-panel,.right-panel{background:#fff;padding:24px 20px}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;color:#86959d}.name-input{width:100%;border:0;border-bottom:1px solid transparent;padding:9px 0;font-family:Manrope,sans-serif;font-size:22px;font-weight:750;color:var(--dark);background:#fff}.name-input:focus{border-bottom-color:var(--orange);outline:none}.plan{margin:16px 0 10px;background:#f4f7f8;border:1px solid #e6ebed;border-radius:8px;padding:7px 0}.plan svg{width:100%;display:block}.plan-wall{cursor:pointer}.wall-list{display:grid;gap:4px;margin-bottom:25px}.wall-list button{width:100%;border:0;justify-content:flex-start;padding:11px 10px;border-radius:6px}.wall-list button.active{background:#fff1e7;color:#b35d25}.wall-list small{margin-left:auto;font-size:12px}.wall-mark{width:13px;height:7px;border:1.5px solid #93a2aa;display:inline-block}.active .wall-mark{border-color:var(--orange);background:#f6bd93}.section-label{font-weight:600;font-size:13px;margin:0 0 15px}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}.field{display:block;min-width:0}.field>span{display:block;color:#72858f;font-size:12px;margin-bottom:7px;line-height:1.3}.field>div{display:flex;align-items:center;border:1px solid #dce4e7;border-radius:6px;background:#fff;height:37px;overflow:hidden}.field input{width:100%;border:0;padding:8px 10px;color:#344f5d;background:transparent;outline:none}.field small{color:#8b9ba3;padding-right:10px;font-size:12px}.field>div:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px #fff1e7}.catalog{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:21px;align-items:center}.catalog>svg{color:#8da0aa}.catalog strong{display:block;font-size:12px;font-weight:600}.catalog span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.panel-note{font-size:12px;color:#84939b;line-height:1.65}.text-button{padding:0;border:0;background:transparent;color:#bf692f;font-size:12px;white-space:normal;text-align:left}.text-button:hover{background:transparent;text-decoration:underline}.editor{padding:28px 24px 24px;min-width:0;display:flex;flex-direction:column;gap:0}.editor-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 24px}.editor-heading h1{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.65px;margin:8px 0 0;line-height:1.2;font-weight:750}.dimension-pill{font-size:12px;color:#758791;border:1px solid #d8e1e5;border-radius:5px;padding:7px 10px;background:#f8fafb}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#fff;border:1px solid #dce4e7;border-radius:9px 9px 0 0;gap:6px}.toolbar-group{display:flex;align-items:center;gap:3px}.view-toggle{display:flex;gap:3px;padding-right:8px;border-right:1px solid var(--line)}.view-toggle button{font-weight:750}.building-3d{position:relative;border:1px solid #dce4e7;border-top:0;border-radius:0 0 9px 9px;overflow:hidden;background:#f5f8fa}.building-3d-canvas{height:clamp(320px,48vw,510px);width:100%}.building-3d-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.building-3d-canvas canvas:active{cursor:grabbing}.building-3d-caption{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:#657f8c;border-top:1px solid #e0e8ec}.building-3d-controls{position:absolute;top:12px;right:12px;display:flex;gap:4px;padding:4px;border:1px solid #dce4e7;border-radius:8px;background:#fffe}.building-3d-controls button{padding:7px 10px;font-size:12px;background:transparent;border:0}.building-3d-walls{padding:0 16px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#657f8c}.building-3d-walls button{padding:6px 10px;border:1px solid #dce4e7;border-radius:5px;background:#fff;font-size:12px}.building-3d-error{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#657f8c}.editor-toolbar button{border:0;padding:8px 9px;font-size:12px;background:transparent}.editor-toolbar button:hover{background:#f1f5f6}.editor-toolbar button.tool-active{background:#edf2f5;color:#234559}.divider{height:20px;width:1px;background:var(--line);margin:0 4px}.drawing-area{border:1px solid #dce4e7;border-top:0;border-radius:0 0 9px 9px;background-color:#fbfcfd;background-image:radial-gradient(#c7d1d7 .7px,transparent .7px);background-size:18px 18px;position:relative;display:flex;flex-direction:column;min-height:420px;flex:1;max-height:640px}.drawing-scroll{overflow:auto;flex:1;display:flex;align-items:center;min-height:365px;scrollbar-width:thin}.wall-svg{display:block;flex-shrink:0;width:100%;height:auto;min-height:330px;max-height:570px;touch-action:none;padding:15px}.piece{cursor:pointer}.piece:hover rect,.piece:hover polygon{stroke:#e88645}.opening{cursor:grab}.opening:active{cursor:grabbing}.placing .wall-svg{cursor:crosshair}.canvas-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#fbfcfded;border-top:1px solid #e7edef;font-size:11px;color:#8a9ba4;border-radius:0 0 9px 9px}.canvas-caption>span{display:flex;gap:6px;align-items:center}.orange-dot{height:5px;width:5px;border-radius:50%;background:var(--orange)}.canvas-caption>div{display:flex;gap:10px;align-items:center;font-size:12px;color:#667b86}.canvas-caption button{padding:2px;border:0;background:transparent}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:17px 0;font-size:11px;color:#788b95}.legend>span{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid #a5b3ba}.legend .snap-label{margin-left:auto;font-size:10px;color:#9ba8ae}.inspector{background:#fff;border:1px solid #dce4e7;border-radius:9px;padding:18px}.inspector-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.inspector-title strong{font-size:13px;font-weight:600}.inspector-title .icon-button{margin-left:auto}.inspector-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 32px;gap:12px;align-items:end}.delete-button{padding:8px;color:#b86555}.delete-button:hover{background:#fff0ec}.inspector-note{font-size:12px;color:#899aa3;line-height:1.6;margin:12px 0 0}.piece-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.piece-actions button{font-size:12px}.piece-size{font-size:12px;color:#7c909c}.type-select{font-size:12px;color:#718590;display:flex;gap:8px;align-items:center}.type-select select{padding:7px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--dark)}.warning-note{font-size:12px;color:#c05b42}.total-card{margin:22px 0 18px}.total-card>span{display:block;color:#7e909a;font-size:13px}.total-card>strong{display:block;font-family:Manrope,sans-serif;font-size:56px;letter-spacing:-2px;line-height:1.3;color:var(--dark);font-weight:750;margin-top:6px}.total-card>small{display:block;color:#91a1aa;font-size:11px}.count-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin-bottom:16px}.count-list>div{display:flex;gap:10px;align-items:center;padding:13px 0}.count-swatch{height:24px;width:28px;border:1px solid #a9b9c1;border-radius:3px;flex-shrink:0}.count-list strong{font-size:12px;display:block;font-weight:600}.count-list small{font-size:10px;color:#93a2ab;display:block;margin-top:4px}.count-list b{margin-left:auto;font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.area-row{display:flex;justify-content:space-between;font-size:12px;padding:8px 0;color:#82959f}.area-row strong{color:#4b6573;font-weight:600}.purchase{margin-top:18px;padding:15px;border-radius:7px;background:#f4f7f8;border:1px solid #e6edef}.purchase>.field>span{font-size:12px;font-weight:500;color:#677f8c}.purchase>div{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12px;color:#738b98}.purchase strong{font-family:Manrope,sans-serif;font-size:24px;color:#24404f;letter-spacing:-.5px}.purchase strong small{font-family:DM Sans,sans-serif;font-size:11px;color:#8c9ca5;font-weight:400;letter-spacing:0}.purchase p{font-size:11px;line-height:1.6;color:#8b9ca6;margin-bottom:0}.export-buttons{display:grid;gap:8px;margin-top:18px}.export-buttons button{width:100%;font-size:12px;padding:10px}.validation{margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.validation>div{display:flex;gap:8px;align-items:flex-start;color:#5f7f72}.validation strong{font-size:12px;line-height:1.5;font-weight:500}.validation p{font-size:11px;color:#8da0a9;line-height:1.5}.validation.has-conflicts>div{color:#b66535}.validation ul{padding-left:17px;color:#b66535}.validation li{margin:8px 0;font-size:11px}.validation li>button:first-child{border:0;padding:0;font-size:11px;white-space:normal;text-align:left;display:block;color:#9d6949}.validation li>button.text-button{margin-top:5px}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;padding:12px 25px;color:#98a8b0;background:#fff}footer>span{display:flex;gap:6px;align-items:center}footer>span:first-child{font-weight:600}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:18px;max-width:90vw;width:max-content;background:var(--dark);color:#fff;border-radius:9px;padding:14px 16px;box-shadow:0 10px 35px #132b3730;font-size:14px;line-height:1.5}.toast button{border:0;background:transparent;color:#fff;padding:3px}.modal-backdrop{position:fixed;inset:0;z-index:90;background:#10263385;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;max-width:520px;width:100%;padding:28px;border-radius:12px;box-shadow:0 20px 60px #0b202940}.modal h2{font-family:Manrope,sans-serif;font-size:22px;margin:0 0 15px}.modal p{font-size:14px;line-height:1.7;color:#73858e}.modal>div:last-child{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal.references{max-width:1100px;max-height:90vh;overflow:auto}.references figure{margin:25px 0}.references figcaption{font-weight:600;margin-bottom:10px}.references img{width:100%;height:auto;display:block}@media(min-width:1600px){.workspace{grid-template-columns:280px minmax(600px,1fr) 310px}.editor{padding:32px}.drawing-area{max-height:760px}.wall-svg{max-height:650px}.drawing-scroll{min-height:480px}}@media(max-width:1250px){.workspace{grid-template-columns:225px minmax(380px,1fr) 240px}.left-panel,.right-panel{padding:20px 15px}.editor{padding:24px 16px}.version,.saved,.editor-toolbar button span{display:none}.snap-label{display:none!important}.legend{gap:10px}.topbar{padding:0 20px}.inspector-fields{gap:7px}.inspector-title{flex-wrap:wrap}.field>span{font-size:11px}.catalog strong{font-size:11px}}@media(max-width:980px){.workspace{grid-template-columns:220px minmax(0,1fr)}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 25px}.right-panel>.panel-title{grid-column:1/-1}.total-card{grid-column:1;grid-row:2}.count-list{grid-column:2;grid-row:2/6}.area-row{grid-column:1}.purchase{grid-column:3;grid-row:2/4}.export-buttons{grid-column:3}.validation{grid-column:1/-1}.right-panel>.panel-note{grid-column:1/-1}.inspector-fields{grid-template-columns:1fr 1fr}.drawing-area{min-height:400px}.drawing-scroll{min-height:340px}.project-name{font-size:12px}.top-actions{margin-left:0}.topbar{gap:12px}.top-actions button{font-size:12px}.brand{font-size:21px}}@media(max-width:700px){.topbar{padding:0 14px;height:66px}.brand{font-size:20px}.brand-icon{height:31px;width:31px;border-radius:7px;margin-right:7px}.brand-icon svg{width:20px}.project-name{display:none}.top-actions{margin-left:auto}.top-actions button{padding:8px}.top-actions button span{display:none}.workspace{display:flex;flex-direction:column}.left-panel{border-right:0;border-bottom:1px solid var(--line);padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.left-panel>.panel-title,.name-input{grid-column:1}.plan{grid-column:2;grid-row:1/4;margin:0;align-self:center}.wall-list{grid-column:1/-1;display:flex;gap:5px;margin:13px 0 18px}.wall-list button{padding:10px 7px;font-size:12px;justify-content:center}.wall-list small,.wall-list svg{display:none}.wall-mark{display:none}.section-label{grid-column:1/-1}.fields-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.catalog{grid-column:1/-1;margin-top:18px;padding-top:15px}.left-panel>.panel-note{grid-column:1/-1;margin:8px 0}.left-panel>.text-button{grid-column:1/-1;font-size:12px;margin-top:4px}.editor{padding:22px 14px}.editor-heading{padding-bottom:18px}.editor-heading h1{font-size:22px}.editor-toolbar{padding:7px}.toolbar-group{gap:1px}.editor-toolbar button{padding:8px}.divider{margin:0 2px}.drawing-area{min-height:280px;max-height:500px}.drawing-scroll{min-height:240px}.wall-svg{min-height:220px;padding:0}.canvas-caption{padding:10px;font-size:10px;gap:6px}.canvas-caption>div{gap:7px}.legend{font-size:10px;gap:10px;padding:14px 0}.inspector{padding:15px}.inspector-fields{grid-template-columns:1fr 1fr}.right-panel{display:grid;grid-template-columns:1fr 1fr;padding:20px 18px;gap:0 20px}.total-card{grid-column:1;grid-row:2}.count-list{grid-column:2;grid-row:2/6}.purchase{grid-column:1;grid-row:auto}.export-buttons,.validation{grid-column:1/-1}.total-card>strong{font-size:45px}.count-list>div{gap:7px}.count-list strong{font-size:11px}.count-list small{font-size:10px}.count-swatch{width:21px;height:20px}.count-list b{font-size:15px}.purchase strong{font-size:21px}.area-row{font-size:11px}footer{flex-wrap:wrap;gap:7px;padding:12px 18px}footer>span:last-child{display:none}.modal-backdrop{padding:12px}.modal{padding:22px}.toast{font-size:13px}.eyebrow{font-size:10px}.panel-note{font-size:12px}}@media print{.topbar,.left-panel,.right-panel,.editor-toolbar,.inspector,.canvas-caption,footer,.toast{display:none!important}.workspace{display:block}.editor{padding:0}.drawing-area{border:0;max-height:none}.wall-svg{max-height:none}}