#easyNav{display:flex;background:white;border-bottom:1px solid var(--line);padding:12px 30px;gap:12px}#easyNav button{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#6b746e;font-weight:650}#easyNav span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf0e9}#easyNav button.active{color:#294e3c;background:#edf3e7}#easyNav button.active span{color:white;background:#294e3c}.workspace{grid-template-columns:330px minmax(300px,1fr)}.workspace>aside:not(#easyPanel){display:none}#easyPanel{padding:25px;grid-column:1;grid-row:1}.workspace>main{grid-column:2;grid-row:1;min-height:680px}#easyPanel h1{font-size:28px;margin:10px 0}.shapeChoices{display:flex;gap:7px}.shapeChoices button{flex:1;font-size:12px;padding:12px 7px}.shapeChoices b{display:block;font-size:30px;line-height:1.2;margin-bottom:8px}.chosen{border-color:#294e3c!important;background:#eef4e8!important;box-shadow:0 0 0 1px #294e3c}.easyRow{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.easyRow button{font-size:12px;padding:8px}.easyAppliances{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.easyAppliances button{padding:13px 8px;text-align:left}.easyAppliances span{font-size:23px;display:block;margin-bottom:7px}.easyAppliances strong{font-size:12px;display:block}.easyAppliances small,.easyPlaced small{display:block;font-size:10px;color:#6c776e;margin-top:5px}.easyPlaced{border:1px solid var(--line);padding:10px;border-radius:10px;margin-top:9px}.easyPlaced>button{padding:0;border:0;background:transparent;text-align:left;font-weight:700}.easyBottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.advancedToggle{margin-top:20px;border:0;text-decoration:underline;font-size:11px;background:transparent}.easyFinishes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.easyFinishes button{text-align:left;padding:8px;font-size:11px}.easyFinishes span{display:block;height:40px;border-radius:5px;margin-bottom:8px;background-image:radial-gradient(#ffffff33 1px,transparent 2px)!important;background-size:7px 9px!important}.summary{flex-wrap:wrap;gap:20px}.summary strong{font-size:17px}#printDesign{display:none}.advanced .workspace{grid-template-columns:300px minmax(300px,1fr) 280px}.advanced .workspace>aside:not(#easyPanel){display:block;grid-column:3;grid-row:auto}.advanced .workspace>aside.right{grid-column:3}.advanced .workspace>main{grid-row:1/3}.brand small{letter-spacing:1px}.canvas-wrap{min-height:470px}#scene{min-height:470px}#easyPanel .sub{font-size:13px}.advanced #easyPanel{grid-row:1/3}@media(max-width:850px){header{padding:14px 18px;height:auto;flex-wrap:wrap;gap:10px}#easyNav{padding:9px;gap:2px}#easyNav button{padding:7px;font-size:11px;flex:1;justify-content:center;gap:5px}#easyNav span{width:22px;height:22px;flex-shrink:0}.workspace,.advanced .workspace{display:flex;flex-direction:column}.workspace>main{order:0;min-height:390px;position:sticky;top:0;z-index:3;background:#f5f3ed}.canvas-wrap,#scene{min-height:290px;height:290px}.view-head{padding:10px 18px}.view-head h1{font-size:19px!important}.pill{display:none}.summary{padding:10px 18px;gap:17px}.summary strong{font-size:13px}.summary small{font-size:8px}.summary>div:last-child{display:none}#easyPanel{order:1;width:100%;padding:20px}.view-controls{top:3px;right:9px}.view-controls button{font-size:10px;padding:7px}.hint{bottom:9px;font-size:9px;padding:7px 10px}.easyAppliances{grid-template-columns:repeat(3,1fr)}.easyFinishes{grid-template-columns:repeat(3,1fr)}.advanced .workspace>aside:not(#easyPanel){order:2}.easyBottom{position:sticky;bottom:0;background:white;padding:12px 0;z-index:4}}@media(max-width:420px){#easyNav button{font-size:10px;padding:6px 2px;gap:3px}.actions button{padding:8px;font-size:11px}.easyAppliances{grid-template-columns:1fr 1fr}.brand strong{font-size:16px}}@media print{body>*:not(#printDesign){display:none!important}#printDesign{display:block;font:12px Arial;color:#000}#printDesign img{max-width:100%;max-height:450px}#printDesign h1{font-size:22px}@page{size:letter;margin:0.5in}}
@media(min-width:851px){.workspace>main{height:calc(100vh - 150px);min-height:620px;max-height:850px;position:sticky;top:0;align-self:start}.canvas-wrap{min-height:420px}#scene{min-height:420px;height:100%}}
.tfGroup{border:1px solid var(--line);border-radius:9px;padding:12px;margin:9px 0;background:#fff}.tfGroup summary{font-weight:700;cursor:pointer;display:list-item;list-style-position:inside}.tfGroup summary small{float:right;font-size:10px;font-weight:400;color:#758179;line-height:20px}.tfGroup select{font-size:12px;min-height:43px}.tfGroup label{font-size:11px}.tfProduct>img{display:block;width:100%;height:140px;object-fit:contain;background:white;margin:12px 0 4px}.tfProduct>small{display:block;text-align:center;color:#788178;font-size:10px;line-height:1.5;margin-bottom:10px}.tfProduct>strong{font-size:13px;display:block;line-height:1.5}.tfSku{display:block;font-size:11px;font-weight:700;margin-top:5px;color:#a44829}.tfProduct p{font-size:11px;margin:8px 0}.tfProduct a{font-size:11px}.tfThumb{display:block;width:100%;height:85px;object-fit:contain;margin-bottom:8px;background:white;border-radius:5px}.tfExtra{border:1px solid var(--line);border-radius:8px;padding:10px;margin:8px 0;font-size:12px}.tfExtra small{display:block;margin-top:5px;color:#788178}.tfExtra button{font-size:10px;padding:5px;margin-top:7px}.tfDropdowns{margin-top:16px}#easyPanel select{max-width:100%}.tfGroup select option{font-size:12px}#easyPanel h1{font-size:26px}
.tfPhotoCaption{display:block!important;text-align:center;font-size:9px!important;font-weight:400;color:#758179;margin:0 0 7px!important}

.easyFinishes button{position:relative;overflow:hidden;padding:7px;font-size:11px;line-height:1.4;min-width:0}.easyFinishes img{display:block;width:100%;height:70px;object-fit:cover;border-radius:5px;margin-bottom:8px}.easyFinishes strong{display:block;font-size:11px}.easyFinishes small{display:block;font-size:10px;margin-top:5px;color:#647068}.easyFinishes .chosen small{color:#294e3c;font-weight:700}.finishSelection{padding:14px;background:#edf3e7;border:1px solid #bdcbb8;border-radius:9px;margin:16px 0}.finishSelection>*{display:block}.finishSelection small{font-size:10px;color:#5a6b5b;margin:4px 0}.finishSelection strong{font-size:15px}.finishSelection span{height:auto!important;background:none!important;font-size:12px;margin-top:4px}.easyFinishes button:focus-visible{outline:3px solid #b47b1e;outline-offset:3px}

.easyRow .easyRemove{border-color:#bc7a64;color:#8d3b25;background:#fff7f3;font-weight:700;min-height:38px;padding:8px 14px}

#designReview{padding:0 18px 10px}.designReview{padding:11px 14px;border:1px solid #b8cbb6;border-radius:8px;background:#f0f6ec;font-size:12px;line-height:1.5}.designReview strong{display:block;color:#294e3c}.designReview.needsReview{border-color:#d0a353;background:#fff5df}.designReview.needsReview strong{color:#7e4a0e}.designReview ul{margin:7px 0;padding-left:19px;max-height:130px;overflow:auto}.designReview li+li{margin-top:6px}.designReview small{display:block;color:#646a5e;font-size:10px}.designReview a{color:inherit}#quoteReview{margin-bottom:15px}#quoteReview ul{max-height:none}@media(max-width:850px){#designReview{padding:0 12px 6px}.designReview{padding:7px 10px;font-size:11px}.designReview ul{max-height:75px}.designReview small{font-size:9px}}

.websiteSample{height:65px;border-radius:5px;background-repeat:no-repeat;margin-bottom:8px}.easyFinishes button{align-self:start}.workspace>main{overflow:hidden}#designReview{flex:0 0 auto}.designReview details{margin-top:5px}.designReview summary{cursor:pointer;font-weight:650}.designReview small{line-height:1.35}.designReview:not(.needsReview) small{display:none}#quoteReview .designReview small{display:block}.canvas-wrap{flex:1 1 auto;min-height:300px!important}#scene{min-height:300px!important;height:100%}.view-controls{left:10px;right:10px;justify-content:flex-end;flex-wrap:wrap}.view-controls button[aria-pressed="true"]{background:#294e3c;color:#fff}.view-head{flex:0 0 auto}.summary{flex:0 0 auto}
@media(min-width:851px){.workspace>main{height:calc(100dvh - 146px);min-height:540px;max-height:none;position:sticky;top:0}.workspace>#easyPanel{height:calc(100dvh - 146px);position:sticky;top:0;overflow-y:auto}.canvas-wrap{min-height:250px!important}#scene{min-height:250px!important}}
@media(max-width:850px){.workspace>main{height:52dvh;min-height:360px;max-height:520px;flex-shrink:0}.canvas-wrap,#scene{min-height:190px!important;height:100%}.view-head{padding:8px 14px}.view-head h1{font-size:17px!important}.summary{padding:7px 14px}.view-controls button{padding:6px;font-size:10px}#designReview .designReview small{display:none}.websiteSample{height:60px}}

.retailEstimate{border:1px solid #bdcbb8;background:#f7faf3;border-radius:9px;padding:14px;margin:15px 0}.retailEstimate h2{margin:0 0 8px}.estimateTotal{display:block;font-size:27px}.retailEstimate>span{display:block;font-size:11px;color:#65725f}.retailEstimate summary{cursor:pointer;font-weight:700;margin:12px 0}.retailEstimate table{width:100%;border-collapse:collapse;font-size:11px}.retailEstimate th{text-align:left}.retailEstimate td,.retailEstimate th{padding:8px 0;border-bottom:1px solid #dce3d5;vertical-align:top}.retailEstimate td:last-child,.retailEstimate th:last-child{text-align:right;white-space:nowrap;padding-left:7px}.retailEstimate td small{display:block;font-size:9px;color:#6d7666}.retailEstimate p{font-size:11px;line-height:1.5}.retailEstimate>small,.retailEstimate details>small{font-size:10px;line-height:1.5;display:block;color:#65725f}.estimatePending{color:#8d4e17;font-weight:700}

#quoteDialog{padding:0;width:min(720px,calc(100vw - 24px));max-width:720px;max-height:calc(100dvh - 24px);overflow:hidden;margin:auto;border-radius:12px}#quoteDialog[open]{display:flex;flex-direction:column}.quoteDialogHeader{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.quoteDialogHeader button{white-space:nowrap;font-weight:700}.quoteDialogHeader strong{font-size:14px}.quoteDialogBody{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:20px 24px;flex:1 1 auto}.quoteDialogBody h2{font-size:22px;margin-top:8px}.quoteDialogBody #quoteSummary{overflow-wrap:anywhere}.quoteDialogFooter{display:flex;flex:0 0 auto;gap:12px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);background:#fff}.quoteDialogFooter small{font-size:11px;color:#65725f}@media(max-width:500px){.quoteDialogHeader{padding:10px;gap:8px}.quoteDialogHeader strong{font-size:12px}.quoteDialogBody{padding:16px}.quoteDialogFooter{padding:10px;flex-wrap:wrap}.quoteDialogFooter button{width:100%}}@media print{#quoteDialog[open]{display:none!important}}

.sectionPlacement{border-top:1px solid var(--line);margin-top:18px}.sectionPlacement>small{font-size:10px;color:#65725f}.sectionArrows{text-align:center;margin:12px 0}.sectionArrows .easyRow{justify-content:center;margin:5px 0}.sectionArrows button{font-size:12px;padding:9px}
