@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#263c39;background:#f4f5f1;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dde2dc;background:white;color:#304640;border-radius:5px;padding:9px 12px;transition:.15s}button:hover{background:#e9eee8;border-color:#a5b5aa}button.active{background:#e0ebe1;color:#234d3c;border-color:#acc5ad}header{height:80px;background:#fff;border-bottom:1px solid #dde2dc;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px}.brand{display:flex;gap:12px;align-items:center;letter-spacing:1.5px;font-size:14px}.brand b{font-weight:400}.brand small{display:block;letter-spacing:.3px;font-size:10px;color:#84918b;margin-top:5px}.logo{font-size:38px;color:#365746}.project{font-size:12px}.project span,.muted{color:#95a09a}nav{display:flex;gap:8px}.dark,.generate{background:#2e4a3c;color:white;border:0}.app{display:grid;grid-template-columns:262px minmax(450px,1fr) 260px;height:calc(100vh - 80px)}aside{background:#fff;overflow:auto;padding:22px;border-right:1px solid #dce2da}.right{border-left:1px solid #dce2da;border-right:0}.section-title{font-size:9px;font-weight:700;letter-spacing:1.5px;display:flex;justify-content:space-between;margin:23px 0 15px;color:#6c7b72}.section-title:first-child{margin-top:0}.section-title span{font-size:9px;color:#9caaa0}h2{font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.13;letter-spacing:-1px;margin:20px 0 10px;font-weight:500}.sub{color:#8b9690;font-size:11px;margin:5px 0 22px}label{display:block;color:#596c60;font-size:10px;margin:14px 0 7px}label span{float:right;color:#a2aca5}input,select{width:100%;background:#fafbf8;border:1px solid #dfe4dc;border-radius:4px;padding:9px;color:#354b3e;margin-top:6px;min-width:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:flex;gap:4px}.seg button{flex:1;font-size:10px;padding:9px 10px;white-space:nowrap}.grid-note{background:#f0f4ed;padding:10px;color:#73806f;font-size:10px;border-radius:4px;margin-top:5px}#library{display:flex;gap:7px}#library button{width:25%;padding:8px 4px;background:#fafbf9}#library svg{width:32px;height:30px;display:block;margin:auto auto 6px}.hint{font-size:10px;color:#8c9890;line-height:1.7}.room-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid #edf0ea;padding:8px 0}.room-row button{padding:5px;border:0;text-align:left;flex:1;font-size:11px}.room-row select{width:43px;margin:0;padding:5px;font-size:10px}.swatch{width:7px;height:7px;border-radius:2px;display:inline-block}.generate{width:100%;text-align:left;margin-top:20px;font-weight:600;padding:14px}.generate span{float:right}main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.workspace-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;background:#f9faf7;border-bottom:1px solid #e0e5dc;font-size:9px;letter-spacing:.8px;gap:10px}.dot{display:inline-block;width:6px;height:6px;background:#71966d;border-radius:50%;margin-right:8px}.canvas-wrap{position:relative;flex:1;min-height:380px;background:#f4f5f0;overflow:hidden}.canvas-title{position:absolute;top:24px;left:24px;z-index:1;pointer-events:none}.canvas-title b{font-family:'Space Grotesk';font-weight:500;font-size:17px;display:block}.canvas-title span{font-size:8px;letter-spacing:1.8px;color:#9aa49b;display:block;margin-top:6px}#canvas{width:100%;height:100%;touch-action:none;user-select:none}.tools{position:absolute;left:18px;top:94px;display:flex;flex-direction:column;background:white;padding:5px;border:1px solid #dce2d8;border-radius:7px;box-shadow:0 4px 20px #243b3010;z-index:2}.tools button{border:0;font-size:17px;padding:5px;width:31px;height:33px}.tools i{border-bottom:1px solid #ddd;margin:4px}.canvas-bottom{position:absolute;bottom:14px;left:25px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#89968b}.canvas-bottom button{padding:6px 9px}.alternatives-head{padding:17px 22px 8px;display:flex;align-items:center;gap:8px;background:#fff}.alternatives-head div{flex:1}.alternatives-head b{font-size:12px;font-weight:500}.alternatives-head span{display:block;color:#99a399;font-size:9px;margin-top:5px}.alternatives-head button{font-size:10px}#alternatives{display:flex;gap:12px;padding:8px 22px 18px;background:#fff;overflow:auto;min-height:125px}.alternative{min-width:125px;width:150px;padding:0;overflow:hidden;text-align:left;border-color:#e2e6dd}.alternative svg{width:100%;height:78px;background:#f6f7f2}.alternative span{display:block;padding:6px 9px;font-size:9px}.area-display{font-family:'Space Grotesk';font-size:43px;letter-spacing:-2px}.area-display small{font-family:'DM Sans';font-size:11px;letter-spacing:0;margin-left:8px;color:#929e93}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e5e9e1;border-bottom:1px solid #e5e9e1;padding:15px 0;gap:20px}.stats b{font-size:19px;font-weight:500;display:block}.stats span{font-size:9px;color:#929d93}.check{display:flex;align-items:center;gap:8px;margin:8px 0}.check input{width:12px;margin:0;accent-color:#54775b}.metric{display:flex;justify-content:space-between;font-size:10px;margin:12px 0}.bar{height:4px;background:#edf0e9;border-radius:3px}.bar div{height:4px;background:#86a58b;border-radius:3px}.warning{font-size:10px;padding:8px 9px;line-height:1.5;background:#fbf5e8;margin:5px 0;border-radius:3px;color:#997632}.valid{color:#67846b;background:#eff5ed;padding:9px;font-size:10px}.error{background:#fae8e3;color:#ac5448}.schedule-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0e8;font-size:10px}.disclaimer{font-size:9px;line-height:1.7;color:#a0aaa0;margin-top:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#294334;color:white;border-radius:6px;padding:14px 24px;display:none;z-index:99;max-width:80%;line-height:1.6}dialog{border:1px solid #dde4da;border-radius:12px;padding:30px;max-width:850px;width:90%;box-shadow:0 20px 100px #152a3540}dialog::backdrop{background:#20362b60}.close{float:right}dialog h2{margin-top:0}dialog .compare{display:grid;grid-template-columns:1fr 1fr;gap:15px}dialog svg{width:100%;height:280px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.export-grid button{padding:24px}.property-actions{display:flex;gap:5px;flex-wrap:wrap}.property-actions button{font-size:10px;padding:7px}a{color:inherit}@media(max-width:1100px){.app{grid-template-columns:225px minmax(400px,1fr)}.right{display:none}.project{display:none}}@media(max-width:700px){header{padding:12px;height:70px}.brand{font-size:11px}.brand small{display:none}nav button{padding:7px;font-size:10px}.app{display:flex;flex-direction:column;height:auto}.left{max-height:360px;overflow:auto}.left h2,.left .sub{display:none}main{height:780px}.right{display:block}.workspace-bar{padding:10px}.workspace-bar>div:first-child{display:none}.canvas-title{left:65px}.canvas-bottom #status{display:none}}

.standard-card{padding:14px;background:#edf2e9;border:1px solid #d5dfcf;border-radius:6px;margin:15px 0}.core-tag{display:block;font-size:9px;letter-spacing:1px;color:#628064;font-weight:700}.standard-card b{display:block;font-size:13px;margin:9px 0}.standard-card p{font-size:10px;line-height:1.6;color:#6c7e6a}.standard-card strong{font-size:17px}.standard-card div span{font-size:9px;color:#7b8e79}.standard-card button{margin-top:10px;font-size:9px;padding:5px 7px;background:transparent}.room-row small{font-size:7px;color:#879580}.core-selected{background:#edf2e9;padding:12px;border-radius:5px}.core-selected p{font-size:10px;line-height:1.6}

#coreBreakdown{background:#f0f4ec;border-radius:5px;padding:9px 12px;margin-bottom:15px}#coreBreakdown span{display:flex;justify-content:space-between;padding:5px 0;font-size:10px;color:#72856e}#coreBreakdown b{font-weight:600;color:#425f40}
/* Editing workspace */
.edit-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #dce2da;background:#fff}.edit-toolbar label{display:flex;gap:8px;align-items:center;margin:0}.edit-toolbar select{margin:0;max-width:160px}.edit-toolbar [hidden]{display:none!important}.edit-toolbar>button{margin-left:auto}.tools{top:74px;left:10px;max-height:calc(100% - 120px);overflow:auto}.tools button{width:88px;font-size:14px;text-align:left;display:flex;align-items:center;gap:6px;height:32px}.tools button span{font-size:10px}.tools button.active{background:#dbe9dd}.canvas-title{left:112px;top:18px}.canvas-bottom #status{max-width:65%;font-size:10px;line-height:1.4;background:#f5f7efdf;padding:4px}.canvas-wrap{min-height:450px}#pendingBrief:not(:empty){background:#fff2d4;color:#74591d;padding:9px 18px;font-size:11px}.precision-form{padding:12px 0;border-top:1px solid #e0e5dc}.precision-form label{font-size:11px}.precision-form button{margin-top:8px}.precision-form input{padding:7px}#alternatives .option-card{min-width:170px;width:170px;border:1px solid #dce2da;border-radius:5px;background:white;padding:5px;flex-shrink:0}#alternatives .option-card.selected{border:2px solid #507c5d;background:#eff5eb}.option-card .alternative{border:0;width:100%;min-width:0}.option-card input{font-size:11px;margin:0;padding:5px}.option-actions{display:flex;gap:3px}.option-actions button{font-size:10px;padding:5px}.section-title{cursor:pointer;user-select:none}.section-title::after{content:'⌄';margin-left:auto}.section-title.collapsed::after{content:'›'}.section-hidden{display:none!important}#projectName{width:170px;font-size:12px;margin:0;border:0;background:transparent}#saveState{display:block;font-size:9px;color:#829181;padding:3px 9px}.focus-view .app{grid-template-columns:minmax(0,1fr);}.focus-view .app>aside{display:none}.focus-view main{height:calc(100vh - 80px)}.focus-view #alternatives,.focus-view .alternatives-head{display:none}.focus-view .canvas-wrap{min-height:400px}.focus-view .canvas-title{left:112px}.focus-view .edit-toolbar{position:relative}.mini-status{padding:8px;background:#edf3e9;font-size:11px;line-height:1.6}.tool-help{font-size:10px;line-height:1.7;color:#75806e}@media(max-width:1100px){.app{grid-template-columns:220px minmax(300px,1fr) 235px}.right{display:block;padding:14px}.tools button{width:76px}.canvas-title{left:100px}.workspace-bar{padding:10px}.workspace-bar>div:first-child{display:none}}@media(max-width:850px){.app{display:flex;height:auto;flex-direction:column}.app>aside{max-height:340px;overflow:auto}main{height:850px}.right{display:block}.project{display:none}.edit-toolbar{padding:8px}.canvas-bottom #status{display:block}.canvas-title{left:100px}.focus-view main{height:calc(100vh - 80px)}}
button:disabled{opacity:.45;cursor:not-allowed}.alternatives-head{flex-wrap:wrap}.alternatives-head div{min-width:110px}.precision-form .two label{min-width:0}.edit-toolbar button:focus-visible,.tools button:focus-visible{outline:2px solid #54775b;outline-offset:2px}@media(max-height:820px) and (min-width:851px){.canvas-wrap{min-height:320px}.canvas-title{top:10px}.tools{top:55px;max-height:calc(100% - 95px)}.tools button{height:28px}.alternative svg{height:60px}#alternatives{min-height:115px}.workspace-bar{padding:10px 18px}}

.room-row .swatch{width:12px;height:12px;border-radius:3px;flex:none;border:1px solid #263c3920}.schedule-row .room-dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:8px}.room-color-legend{font-size:9px;letter-spacing:1px;color:#76847b;margin:4px 0 10px;font-weight:700}.schedule-row span{display:flex;align-items:center}

.walkthrough{padding-left:22px;line-height:1.6}.walkthrough li{margin:10px 0}.walkthrough li span{display:block;color:#7c8980}.mode-help{background:#f0f4ed;padding:12px;margin:14px 0;border-radius:5px}.split-grid button{padding:4px}.tools button span{white-space:nowrap}

.mode-hint{font-size:9px;color:#7b897e;margin:0 10px;min-width:190px}.tools button{font-weight:500}
/* Hands-on planning workspace */
header{height:74px;padding:0 18px;gap:12px}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:10px}.logo{font-size:32px}nav{gap:5px}nav button{padding:9px 10px;white-space:nowrap;font-size:11px}nav [data-ui="walkthrough"]{font-size:10px}.project{min-width:145px}#projectName{width:150px}.workflow{height:53px;display:flex;align-items:stretch;gap:4px;padding:7px 18px;background:#fff;border-bottom:1px solid #dce2da}.workflow button{border:0;background:transparent;flex:1;text-align:left;font-size:11px;padding:5px 10px;color:#78867d}.workflow button span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border:1px solid #dce2da;border-radius:50%;font-size:10px}.workflow button.active{background:#edf3e9;color:#294c38}.workflow button.active span{background:#42654f;color:white;border-color:#42654f}.app{grid-template-columns:250px minmax(360px,1fr) 270px;height:calc(100dvh - 127px)}aside{padding:18px}h3{font-size:12px;font-weight:600;margin:20px 0 10px}h3 small{display:block;font-size:10px;font-weight:400;color:#7b897e;margin-top:5px}.panel-heading{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:500}.hint{color:#748177;font-size:11px;line-height:1.55}label{font-size:11px}.welcome-card{background:#edf3e9;border:1px solid #d4e0cf;padding:12px;border-radius:7px;font-size:11px;line-height:1.6}.welcome-card button{float:right;border:0;background:transparent;padding:0 4px}.welcome-card p{margin:5px 0 0;color:#677d67}.welcome-card[hidden]{display:none}.standard-card{margin:8px 0;padding:12px}.standard-card .core-tag,.standard-card>b,.standard-card>p,.standard-card #livingInCore,.standard-card label:has(#livingInCore){display:none}.standard-card button[data-act="coreedit"]{background:#355b44;color:#fff;border:0;padding:10px;width:100%;font-size:11px}.standard-card button[data-act="legacy"]{font-size:9px}section{scroll-margin:12px}.left details{margin:18px 0}.left #library{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.left #library button{width:auto;font-size:9px;min-width:0}.left #library svg{width:28px}.room-row button{font-size:11px}.room-row select{width:53px}.left #unitSection>.hint{font-size:10px}.left #areaSection>.hint{font-size:10px}details{border-top:1px solid #e0e5dc;margin-top:16px;padding-top:12px}summary{cursor:pointer;font-size:11px;font-weight:600;color:#536b59;padding:5px 0}details[open]>summary{margin-bottom:10px}.workspace-bar{padding:10px 16px;flex-wrap:wrap;gap:5px;min-height:56px}.mode-hint{font-size:10px;margin:0;width:100%;min-width:0;letter-spacing:0}.edit-toolbar{padding:8px 12px}.edit-toolbar button{font-size:10px}.canvas-wrap{min-height:360px}.tools{position:relative;top:auto!important;left:auto;max-height:none!important;flex-direction:row;flex-wrap:wrap;gap:3px;padding:7px 10px;border:0;border-bottom:1px solid #dde4d8;border-radius:0;box-shadow:none;background:#fafbf7}.tools button{width:auto!important;height:29px!important;font-size:12px;padding:5px 7px}.tools button span{font-size:10px}.tools [data-tool="remove"]{display:none}.canvas-wrap{display:flex;flex-direction:column}.canvas-title{top:91px;left:20px}.canvas-title b{font-size:14px}.canvas-title span{font-size:7px}.canvas-wrap #canvas{flex:1;min-height:0}.canvas-bottom{bottom:10px;left:15px;right:15px;gap:8px;pointer-events:none}.canvas-bottom button{pointer-events:auto;font-size:10px;padding:7px}.canvas-bottom #status{max-width:55%;font-size:10px}.saved-layouts{margin:0;padding:0;background:white;border-top:1px solid #dce2da;flex-shrink:0}.saved-layouts>summary{padding:12px 18px}.saved-layouts[open]>summary{margin:0}.saved-layouts #alternatives{max-height:175px;min-height:0}.area-display{font-size:35px;margin-top:12px}.area-display small{display:inline-block;font-size:11px}.area-display small span{color:#667c68;display:block;margin-top:2px}.right .sub{margin-bottom:12px}.right .stats{padding:10px 0}.right .stats b{font-size:16px}.right .stats span{font-size:10px}.checklist{border:1px solid #e0e5dc;border-radius:6px;overflow:hidden}.checklist button{display:flex;align-items:center;gap:6px;width:100%;border:0;border-bottom:1px solid #edf0e8;border-radius:0;padding:8px;text-align:left;font-size:10px}.checklist button i{width:8px;height:8px;border-radius:2px;flex:none}.checklist button span{flex:1}.checklist button small{font-size:9px;color:#708170;white-space:nowrap}.review-link{font-size:10px;border:0;background:transparent;padding:10px 0;color:#587d5f}.selected-metrics{font-size:20px;margin:12px 0;color:#355a43}.selected-metrics span{font-size:13px;float:right;padding-top:5px}.selection-empty{padding:15px;background:#f4f6f0;border:1px dashed #ced8ca;border-radius:7px;font-size:11px;line-height:1.6}.selection-empty>span{font-size:24px;display:block;color:#6c8b72}.selection-empty b{display:block}.selection-empty p{color:#7c897f;margin-bottom:0}.property-actions{display:grid;grid-template-columns:1fr 1fr}.property-actions button{text-align:left;font-size:10px}.warning{width:100%;text-align:left}.object-feedback{position:absolute;z-index:4;max-width:270px;background:#fffaf0;color:#755923;border:1px solid #dcc69e;box-shadow:0 4px 16px #203c2020;border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.5;pointer-events:none}.object-feedback[hidden]{display:none}.walkthrough li button{border:0;background:#f4f7f0;text-align:left;width:100%;padding:10px 12px}.walkthrough li{padding-left:4px}.walkthrough li span{font-size:12px}.walkthrough b{font-size:13px}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.focus-view .app{grid-template-columns:minmax(0,1fr)}.focus-view main{height:calc(100dvh - 127px)}.focus-view .canvas-title{left:20px}.focus-view .saved-layouts{display:none}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4f795a;outline-offset:2px}
@media(min-width:1450px){.app{grid-template-columns:270px minmax(600px,1fr) 290px}.tools{flex-wrap:nowrap;justify-content:center}.canvas-title{top:64px}}
@media(max-width:1150px){.brand b,.brand small{display:none}.project{display:none}.app{grid-template-columns:230px minmax(320px,1fr) 240px}.workflow button{font-size:10px;padding:5px}.workflow button span{margin-right:4px}.right,.left{padding:14px}.workspace-bar>div:first-child{display:none}nav button{font-size:10px}.canvas-bottom #status{max-width:45%;font-size:9px}.canvas-title{top:120px}.right .area-display{font-size:30px}}
@media(max-width:850px){header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px}.brand b{display:inline}nav{flex-wrap:wrap;gap:4px}.workflow{height:auto;flex-wrap:wrap;padding:7px}.workflow button{flex:1 0 30%}.app{display:grid;grid-template-columns:210px minmax(300px,1fr);height:auto}.app>.left{max-height:760px}.app>main{height:760px}.app>.right{grid-column:1/-1;max-height:none;display:block}.right #progressChecklist{max-width:460px}.canvas-bottom #status{display:none}.canvas-title{top:155px}.walkthrough{grid-template-columns:1fr}.focus-view .app{display:block}}
@media(max-width:560px){.app{display:flex;flex-direction:column}.app>.left{max-height:330px}.app>main{height:700px}.app>.right{max-height:none}.workflow button{font-size:10px}.canvas-title{top:120px}.edit-toolbar{gap:4px}.brand{font-size:11px}.workspace-bar{justify-content:center}.canvas-bottom #status{display:none}nav button{padding:7px}}

#drawingAdvanced [data-tool="remove"]{display:block;margin:8px 0}.right #selectionSection{border-top:1px solid #e0e5dc;margin-top:15px}.selection-empty{padding:10px}.selection-empty>span{display:none}.selection-empty p{margin:4px 0}.right #selectionSection:has(.property-actions)~#progressChecklist{margin-top:20px}

.export-download{display:block;border:1px solid #dce2da;border-radius:5px;padding:24px;text-align:center;background:#f9fbf6;text-decoration:none}.export-download:hover{background:#e8f0e3}.export-grid small{display:block;font-size:10px;color:#7c8b7d;margin-top:8px}.cancel-core{margin-top:10px}