@font-face{font-family:Arial;src:local(Arial)}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#22352f;background:#eff2ef;font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce3de;background:white;color:inherit;border-radius:8px;padding:10px 14px;transition:background .18s,box-shadow .18s}button:hover{background:#f0f5ec}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #488c80;outline-offset:3px}button:disabled{opacity:.5;cursor:default}header{height:83px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #dde3dd;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brandmark{background:#173e3c;color:#dbe8c8;font-size:28px;padding:8px 13px;border-radius:10px}.brand strong{font-size:29px;line-height:1}.brand small{display:block;font-size:12px;margin-top:4px;color:#75817b}.brand-dot{color:#8ca67e}.project-title{font-size:14px;color:#5d6b65}.project-title span{margin:0 14px;color:#adb7af}.header-actions{display:flex;gap:12px}.quiet{border:0;background:transparent;font-size:14px}.dark{background:#173e3c;color:white;border-color:#173e3c}.dark:hover{background:#285954}.dark span{margin-right:22px}main{display:flex;height:calc(100dvh - 83px);min-height:570px}aside{width:310px;flex-shrink:0;background:#fff;padding:28px 22px 18px;overflow-y:auto;border-left:1px solid #dce3dd;z-index:3}.eyebrow{font-size:10px;letter-spacing:2px;color:#77867b;font-weight:700;display:block;direction:ltr;text-align:right}h1{font-size:25px;letter-spacing:-.7px;margin:12px 0 10px}p{line-height:1.65;margin:0;color:#6a776e}.panel-intro p{font-size:14px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.section-head h2{font-size:16px;margin:0}.section-head>span{font-size:12px;color:#8e9991}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:9px}.catalog button{padding:12px 10px 10px;text-align:right;border:1px solid #e4e9e2;background:#f9faf7;border-radius:10px;position:relative;height:90px}.catalog button:hover{border-color:#8faaa0;background:#eff4e9}.catalog svg{display:block;width:43px;height:33px;margin-bottom:6px;color:#647a70}.catalog span{font-size:14px}.catalog b{position:absolute;left:10px;bottom:9px;font-weight:400;color:#809880;font-size:20px}.estimate{border-top:1px solid #e6ebe3;margin-top:25px;padding-top:19px;display:flex;gap:11px}.estimate>span{font-size:26px;color:#6e8d6a;line-height:1}.estimate strong{font-size:12px}.estimate p{font-size:12px;line-height:1.6;margin-top:5px}.selection-symbol{font-size:29px;color:#9bac9f}#empty-selection{text-align:center;padding:30px 10px 0}#empty-selection p{font-size:14px;margin:5px}#empty-selection small{font-size:12px;color:#8a968d;line-height:1.6;display:block}.field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;font-size:14px}.field select,.field input{max-width:190px;padding:8px;border:1px solid #dce3de;border-radius:6px;background:white;color:#22352f;min-width:0}.dimension-inputs{display:flex;gap:8px}.dimension-inputs label{width:33%;font-size:12px;color:#6a776e;position:relative}.dimension-inputs input{margin-top:7px;padding:9px 7px;width:100%;border:1px solid #dce3de;border-radius:7px;direction:ltr;font-size:14px}.dimension-inputs small{display:block;font-size:11px;margin:4px}.item-actions{display:flex;gap:8px;margin-top:15px}.item-actions button{font-size:13px;flex:1}.danger{color:#a35948}.micro{font-size:12px;margin-top:14px}.icon-btn{padding:1px 8px;font-size:22px;border:0}#swatches{display:flex;gap:7px}#swatches button{border-radius:100%;width:24px;height:24px;padding:0;border:2px solid white;box-shadow:0 0 0 1px #ccd5ce}#swatches button.active{box-shadow:0 0 0 2px #204c43}#collision{font-size:12px;color:#ae6337;margin-top:8px}#workspace{position:relative;flex:1;min-width:0;overflow:hidden;background:#eff2ef}#canvas-wrap,#room-labels{position:absolute;inset:0}canvas{display:block;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-content:center;color:#51776a}.view-toolbar{position:absolute;z-index:2;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.view-toolbar>*{pointer-events:auto}.segmented{display:flex;background:#fff;border:1px solid #dae2d9;padding:4px;border-radius:10px;box-shadow:0 3px 8px #173e3c05}.segmented button{border:0;background:transparent;font-size:14px;padding:9px 16px}.segmented button.active{background:#173e3c;color:white}.toolbar-tools{display:flex;gap:6px}.toolbar-tools button{background:#ffffffea;font-size:14px;padding:9px 12px;box-shadow:0 3px 8px #173e3c05}.toolbar-tools button.active{background:#e1eadb;border-color:#bacab3;color:#294b36}.scene-heading{position:absolute;top:105px;right:30px;pointer-events:none}.scene-heading h2{font-size:30px;font-weight:400;margin:8px 0;color:#29463c;letter-spacing:-.9px}.scene-heading p{font-size:12px;color:#87938a}.scene-heading .eyebrow{font-size:9px}.bottom-bar{position:absolute;bottom:21px;left:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:15px}#room-nav{display:flex;gap:3px;padding:5px;background:#ffffffed;border:1px solid #dce4d9;border-radius:10px;box-shadow:0 8px 30px #1837280d;max-width:100%;overflow:auto}#room-nav button{white-space:nowrap;border:0;font-size:13px;padding:10px 15px;background:transparent}#room-nav button.active{background:#e6eddf;color:#325344}.instructions{font-size:12px;color:#7b8a7e;text-align:center;background:#eff2efc9;border-radius:8px;padding:4px 10px}.compass{position:absolute;bottom:122px;left:27px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#718577;pointer-events:none}.compass span{font-size:11px}.compass i{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:27px solid #8da190;transform:rotate(25deg)}.compass small{font-size:10px;margin-top:5px}#room-labels{pointer-events:none}.room-label{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;color:#42574d;background:#ffffffe0;padding:5px 9px;border-radius:5px;font-size:12px;box-shadow:0 2px 8px #00000006}.room-label small{display:block;font-size:10px;color:#738375;margin-top:3px;direction:ltr}.dimension-label{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid #b1c3ab;color:#537748;padding:3px 7px;font-size:11px;border-radius:4px;direction:ltr;white-space:nowrap}#toast{position:absolute;top:90px;left:50%;transform:translateX(-50%);background:#173e3c;color:white;padding:12px 22px;border-radius:8px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:5;max-width:90%;text-align:center}#toast.show{opacity:1}#measure-result{position:absolute;left:24px;top:95px;background:white;border:1px solid #a5bb9b;border-radius:8px;padding:14px;font-size:14px;max-width:250px;box-shadow:0 4px 18px #193d2612}#walk-controls{position:absolute;bottom:128px;right:24px}.pad{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(2,42px);gap:4px;direction:ltr}.pad button{padding:8px;background:#ffffffed;touch-action:none}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:2;grid-row:2}.pad button:nth-child(4){grid-column:3;grid-row:2}dialog{border:0;border-radius:16px;max-width:850px;width:calc(100% - 40px);padding:28px;color:#22352f;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#15322b80;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-head h2{font-size:23px;margin:8px 0}.dialog-head button{font-size:24px;border:0;padding:3px 10px}dialog p{font-size:14px;margin-bottom:20px}#photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#photo-grid figure{margin:0}#photo-grid img{width:100%;height:210px;object-fit:cover;border-radius:8px}#photo-grid figcaption{font-size:12px;margin-top:6px}#embed-code{width:100%;padding:14px;border:1px solid #dce3de;background:#f5f7f3;font-family:monospace;font-size:13px;resize:vertical;margin-bottom:16px;border-radius:8px}#embed-url{max-width:none;flex:1}body.walking .scene-heading{opacity:0}body.walking .compass{display:none}body.walking .instructions{background:#ffffffe8;color:#304c3a}body.walking #room-labels{display:none}[hidden]{display:none!important}
@media(min-width:1500px){aside{width:340px;padding:34px 28px}.panel-intro h1{font-size:28px}.catalog button{height:103px}.catalog svg{height:42px}.scene-heading{top:115px;right:40px}}
@media(max-width:1000px){header{padding:0 18px}.project-title{display:none}aside{width:270px;padding:23px 16px}.view-toolbar{left:15px;right:15px}.toolbar-tools button span{display:none}.toolbar-tools button{padding:9px 10px}.segmented button{padding:9px 11px;font-size:13px}.scene-heading{right:21px;top:96px}.scene-heading h2{font-size:25px}#room-nav button{padding:10px}}
@media(max-width:700px){header{height:65px;padding:0 13px}.brandmark{font-size:22px;padding:6px 10px}.brand strong{font-size:23px}.brand small{display:none}.header-actions{gap:5px}.header-actions button{font-size:12px;padding:9px}.dark span{margin-right:5px}main{height:auto;min-height:0;flex-direction:column-reverse}#workspace{height:64dvh;min-height:420px;flex:none}aside{width:100%;padding:20px;border-left:0;border-top:1px solid #dce3dd;overflow:visible}.panel-intro h1{font-size:22px;margin:0}.panel-intro p,.panel-intro .eyebrow{display:none}.section-head{margin:17px 0 12px}.catalog{grid-template-columns:repeat(3,1fr)}.catalog button{height:78px}.catalog svg{height:27px;margin-bottom:4px}.scene-heading{top:78px}.scene-heading h2{font-size:21px;margin:6px 0}.scene-heading .eyebrow{font-size:8px}.scene-heading p{font-size:10px}.view-toolbar{top:14px;left:10px;right:10px;gap:6px}.segmented button{font-size:12px;padding:8px}.toolbar-tools{gap:3px}.toolbar-tools button{padding:7px 8px;font-size:13px}.bottom-bar{bottom:8px;left:8px;right:8px;gap:4px}#room-nav button{font-size:12px;padding:9px}.instructions{font-size:10px;max-width:90%}.compass{left:15px;bottom:92px}.compass small{display:none}#empty-selection{padding:16px 0 0}.selection-symbol{display:none}.estimate{margin-top:15px}#photo-grid{grid-template-columns:repeat(2,1fr)}#photo-grid img{height:180px}#walk-controls{bottom:93px;right:15px}#measure-result{top:72px;left:10px;font-size:12px;max-width:170px}body:has(:fullscreen) #workspace{height:100dvh}}
body.presentation{background:#e9eaee;overflow:hidden}body.presentation header,body.presentation aside,body.presentation .view-toolbar,body.presentation .scene-heading,body.presentation .bottom-bar,body.presentation .compass,body.presentation #room-labels,body.presentation #walk-controls,body.presentation #toast{display:none!important}body.presentation main{height:100dvh;min-height:0}body.presentation #workspace{width:100%;height:100dvh;min-height:0}body.presentation canvas{pointer-events:none}

body.embedded header{display:none}body.embedded main{height:100dvh}body.embedded #workspace{height:100dvh}@media(max-width:700px){body.embedded main{height:auto}body.embedded #workspace{height:64dvh}}
/* Keep the embedded product as legible as the marketing page. */
.panel-intro p,.micro,.estimate p,.instructions{color:#465b52}.estimate strong,.estimate p{font-size:13px}.instructions{font-size:13px}.scene-heading p{font-size:13px;color:#4e6356}.room-label{font-size:14px}.room-label small{font-size:12px;color:#465c4a}.dimension-label{font-size:12px;color:#34582e}.section-head>span{font-size:13px;color:#536658}#empty-selection small{font-size:14px;color:#536658}.micro{font-size:13px}.dimension-inputs label,.dimension-inputs small{font-size:13px}.dimension-inputs input{font-size:16px;min-height:44px}.item-actions button{font-size:14px;min-height:44px}.field select{min-height:44px}#swatches button{width:32px;height:32px}#collision{font-size:14px}.eyebrow{color:#4d6356}
@media(max-width:700px){.catalog button{height:88px}.catalog span{font-size:16px}.view-toolbar .segmented button{font-size:13px;min-height:44px}.toolbar-tools button{min-width:38px;min-height:44px}.scene-heading{top:91px}.scene-heading h2{font-size:22px}.scene-heading p{font-size:12px}.scene-heading .eyebrow{display:none}.instructions{font-size:12px;line-height:1.7}#room-nav button{font-size:14px;min-height:44px;padding:10px 12px}.bottom-bar{gap:7px}.room-label{font-size:12px}.room-label small{font-size:11px}.estimate p{font-size:14px;line-height:1.8}.estimate strong{font-size:14px}.panel-intro h1{font-size:25px}.pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}#walk-controls{bottom:116px}.item-actions button{font-size:15px}.micro{font-size:14px}.dimension-inputs label,.dimension-inputs small{font-size:14px}.field{font-size:16px}}