:root{font-family:Arial,Helvetica,sans-serif;color:#192c3e;background:#f7f9fb;font-synthesis:none;--blue:#064d83;--navy:#192c3e;--muted:#60728a;--line:#d8e2eb;--pale:#eaf3f9;--red:#b9313a;--sidebar:clamp(340px,27vw,440px)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #1581d1;outline-offset:3px}button:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,p{margin:0}h1{font-size:27px;font-weight:650;letter-spacing:-1px;line-height:1.2}h2{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin-bottom:12px}h3{font-size:15px;line-height:1.4;margin-bottom:8px}h4{font-size:13px;margin:20px 0 12px}p{line-height:1.55}small,.subtle{font-size:12px;line-height:1.5;color:var(--muted)}.muted{font-size:14px;line-height:1.55;color:var(--muted)}.lead{font-size:20px;font-weight:600;color:var(--navy)}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:4px;background:white;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.35}.button:hover:not(:disabled){background:#edf4f9;border-color:#a7c3d7}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover:not(:disabled){background:#003c6a;border-color:#003c6a}.full{width:100%}.text{border-color:transparent;background:transparent;font-weight:500}.icon-button{padding:10px;min-width:42px;flex:none;background:transparent;border-color:transparent}.danger{color:#a92d34;border-color:#ddbac0}.inline-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.section-space{margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.loading{max-width:650px;margin:15vh auto;padding:32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.site-header{background:#fff}.header-inner{max-width:1320px;margin:auto;min-height:90px;display:flex;align-items:center;gap:40px;padding:18px 40px}.logo{display:block;width:240px;height:auto;object-fit:contain}.header-inner>a{flex:none}.header-inner form{display:flex;align-items:stretch;flex:1;max-width:530px;min-width:160px;height:44px;border:1px solid #9b9b9b}.header-inner form button{background:#666;color:white;display:grid;place-items:center;flex:none;width:44px;border:0}.header-inner input{min-width:0;flex:1;width:100%;padding:10px 14px;border:0;font-size:13px}.account-links{display:flex;align-items:center;gap:12px;white-space:nowrap}.account-links .button{padding:10px 6px;font-weight:500;font-size:14px}.account-links .icon{width:17px;height:17px}.primary-nav{background:var(--blue);color:white}.primary-nav>div{display:flex;align-items:center;justify-content:center;gap:45px;min-height:54px;padding:6px 24px}.primary-nav a,.nav-link{font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap}.primary-nav a{padding:12px 0}.primary-nav .button{background:transparent;border:0;color:white;padding:10px 0}.primary-nav a:hover{text-decoration:underline}.context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:8px 30px;background:#f0f5f9;border-bottom:1px solid var(--line)}.location-tools,.utility-tools{display:flex;align-items:center;gap:12px}.location-button{background:transparent;border:0;padding:6px 4px;justify-content:flex-start;text-align:left;font-size:12px}.location-button>span{display:flex;flex-direction:column;gap:4px}.location-button small{font-size:10px;font-weight:400}.context-metrics{display:flex;gap:22px;margin-left:8px}.context-metrics>span{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}.context-metrics strong{color:var(--navy);font-weight:500;font-size:12px}.utility-tools .text{padding:8px}.utility-tools .materials-button{background:#fff;min-height:40px;padding:8px 12px}.count{font-size:11px;border-radius:30px;background:#e5effd;color:#0654c3;min-width:18px;padding:2px;text-align:center}.guide-switch{padding:4px 0;background:transparent;border-color:transparent;gap:7px;font-size:10px;font-weight:400;min-height:40px;white-space:nowrap}.guide-switch>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.guide-switch b{font-weight:600}.switch-track{display:block;width:28px;height:16px;border-radius:12px;background:#8091a1;padding:2px}.switch-track i{display:block;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s}.guide-switch[aria-checked=true] .switch-track{background:var(--blue)}.guide-switch[aria-checked=true] .switch-track i{transform:translateX(12px)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar);height:max(680px,calc(100svh - 270px));max-height:1000px;min-height:0;border-bottom:1px solid var(--line)}.scene{min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px 34px 18px max(34px,6.2vw);background:linear-gradient(105deg,#f7f9fa,#fcfdfe);overflow:hidden}.scene-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex:none}.scene-top p{font-size:12px;color:var(--muted);margin-top:6px}.scene-top .eyebrow{margin-bottom:12px}.scene-navigation{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.back-to-building{min-height:25px;font-size:11px;padding:0}.segmented{display:inline-flex;align-items:stretch;background:white;border:1px solid var(--line);border-radius:5px;padding:3px;flex:none;min-height:38px}.segmented .button{border:0;border-radius:3px;min-height:30px;font-size:11px;font-weight:400;padding:7px 12px;background:transparent}.segmented .button.active{background:var(--navy);color:#fff}.segmented:empty{display:none}.segmented.wide{display:flex;margin:22px 0 8px}.segmented.wide>*{flex:1}.scene-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.artboard{position:relative;flex:none;max-height:100%;max-width:100%;aspect-ratio:1448/1086;width:min(100%,calc((100svh - 420px)*1.33333));}.artboard img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.wall-art{aspect-ratio:901/600;width:min(100%,calc((100svh - 425px)*1.501667));max-width:940px}.hotspot{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border:2px solid white;background:var(--navy);color:white;border-radius:50%;box-shadow:0 1px 4px #253b5140;display:grid;place-items:center;font-size:13px;font-weight:700;padding:0;z-index:2}.hotspot:hover{background:var(--blue);box-shadow:0 0 0 5px #135e8e20}.hotspot.selected{background:var(--red);box-shadow:0 0 0 5px #b9313a20}.house-point{width:auto;height:auto;white-space:nowrap;display:flex;gap:10px;border-radius:30px;padding:11px 16px;background:#063f6a;font-weight:600;font-size:13px;min-height:42px}.house-point>span{width:18px;height:18px;display:grid;place-items:center;border:1px solid #c6dbeb;border-radius:50%;font-weight:400}.house-point.selected{background:var(--red)}.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;border-top:1px solid var(--line);padding-top:16px;font-size:11px;line-height:1.5;color:var(--muted)}.scene-caption>span:first-child{max-width:370px}.scene-caption>span:last-child{display:flex;align-items:center;gap:8px;text-align:right;white-space:nowrap}.scene-caption .icon{width:16px;height:16px}.art-disclosure{font-size:10px;color:var(--muted);text-align:center;padding:5px 0 12px}.wall-base{opacity:.22}.separated-pieces{position:absolute;inset:0;pointer-events:none}.separated-pieces img{position:absolute;inset:0;transition:transform .25s ease;}.artboard.exploded{width:82%;max-width:780px}.sidebar-shell{position:relative;min-width:0;min-height:0;background:#fff;border-left:1px solid var(--line)}.task{height:100%;overflow:auto;overscroll-behavior:contain;padding:26px 28px;scrollbar-width:thin;display:flex;flex-direction:column;align-items:stretch}.task>h2{margin-top:2px}.progress{display:flex;align-items:center;gap:6px;white-space:nowrap;margin:0 0 28px}.progress .button{padding:0;min-height:20px;font-size:9px;font-weight:400;border:0;background:transparent;color:var(--muted);letter-spacing:.2px}.progress .button.active{color:var(--blue);font-weight:700;opacity:1}.progress i{height:1px;width:15px;flex:1;max-width:18px;background:var(--line)}.category-list{margin-top:22px}.category-row{display:flex;align-items:center;gap:18px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:19px 0;font-size:14px}.category-row>.icon:first-child{color:#0562e5;width:25px;height:25px}.category-row>.icon:last-child{width:14px;margin-left:auto;opacity:0}.category-row:hover{background:#f2f7fb}.category-row:hover>.icon:last-child{opacity:1}.category-row span{display:flex;flex-direction:column;gap:6px}.category-row small{font-size:12px}.task-actions{margin-top:auto;padding-top:24px}.layer-list{margin:22px 0 24px}.layer-row{display:flex;align-items:center;gap:18px;text-align:left;width:100%;min-height:43px;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:12px;line-height:1.4}.layer-row>.icon{width:14px;height:14px;margin-left:auto}.layer-row.active{background:#e8f2f8;color:#124b78;font-weight:700;border-radius:4px;padding-left:9px;padding-right:9px}.layer-row:hover{background:#f0f6fa}.row-number{font-size:10px;font-weight:400;color:var(--muted);min-width:16px}.layer-details h3{margin-bottom:12px}.teaching{font-size:12px;line-height:1.6;color:var(--muted);border-left:3px solid #235b81;padding:0 0 0 13px;margin:12px 0 20px}.notice{background:#f5f7f9;border-left:3px solid #b1bdc8;padding:12px 13px;margin:16px 0;font-size:11px;line-height:1.6;color:#4e6073}.review-line{display:flex;align-items:center;gap:2px;margin:12px 0}.review-line .icon-button{min-height:30px;min-width:30px;padding:5px}.review-line .icon{width:16px;height:16px}.status-chip{display:inline-block;font-size:10px;background:#f3f0e7;color:#6d592f;padding:5px 7px;border-radius:3px;font-weight:500}.material-choices{display:grid;gap:8px;margin-top:12px}.material-choice{display:flex;align-items:center;gap:11px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:4px;text-align:left;font-size:12px;min-height:54px}.material-choice>span:last-child{display:flex;flex-direction:column;gap:4px}.material-choice small{font-size:10px}.material-choice.active{border-color:#467ca3;box-shadow:inset 0 0 0 1px #467ca3;background:#f0f6fa}.selection-dot{width:17px;height:17px;border:1px solid #99acbe;border-radius:50%;flex:none;font-size:10px;display:grid;place-items:center}.material-choice.active .selection-dot{background:var(--blue);color:white;border-color:var(--blue)}.material-choice:hover{background:#f1f7fb}.application-links{display:flex;flex-direction:column;gap:8px;margin-top:12px}.application-links .button{justify-content:flex-start;font-weight:500;text-align:left}.selected-link{border-color:var(--blue);background:var(--pale)}details{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:12px;flex:none}summary{cursor:pointer;font-weight:600;line-height:1.5;min-height:32px;padding:3px 0}details>.field-grid{margin-top:12px}details p{margin-top:10px}.selection-summary{padding:12px 0;margin-bottom:14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}.selection-summary strong{display:block;font-size:14px;color:var(--navy)}.back-button{align-self:flex-start;padding:0 0 12px;min-height:32px;font-size:11px;margin-top:-10px;color:var(--muted)}.back-button .icon{width:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:500;text-align:left}.field input,.field select{width:100%;min-width:0;min-height:40px;background:#fff;border:1px solid #becbd7;border-radius:3px;padding:9px 10px;color:var(--navy);font-size:13px;line-height:1.4}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.field input:invalid:not(:placeholder-shown){border-color:#a9353a}.match-count{font-size:12px;color:var(--blue);font-weight:600;padding-top:18px}.family-card{border-bottom:1px solid var(--line);padding:22px 0}.family-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.brand-mark{font-weight:700;font-size:20px;color:#195f8b;letter-spacing:-.5px}.family-card .button{margin-top:14px}.variant-choices{margin-top:12px;display:grid;gap:9px}.variant-row{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:4px;font-size:12px;cursor:pointer}.variant-row input{margin:2px 0 0;accent-color:var(--blue);flex:none;width:16px;height:16px}.variant-row>span{display:flex;flex-direction:column;gap:5px}.variant-row.active{background:var(--pale);border-color:#8aadc5}.variant-row small{font-size:10px}.product-detail{margin-top:24px}.data-label{font-size:10px;color:#715e34;display:inline-block;background:#f4f0e7;padding:6px 8px;margin-bottom:10px;border-radius:3px}.spec-list{font-size:12px}.spec-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.surface-checks{display:grid;gap:10px;margin:14px 0}.surface-checks label{display:flex;align-items:center;gap:9px;min-height:28px;font-size:11px}.surface-checks strong{margin-left:auto;font-weight:500}.surface-checks input{width:16px;height:16px;accent-color:var(--blue)}.calculation-result{padding:16px 0;margin:12px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calculation-result>span{font-size:11px;color:var(--muted);display:block}.calculation-result>strong{display:block;font-size:24px;font-weight:600;color:var(--blue);margin:6px 0}.calculation-result>small{font-size:10px;display:block}.calculation-result>p{font-size:12px;color:var(--muted)}.product-actions{display:grid;gap:10px;margin-top:20px}.product-detail>.subtle:last-child{margin-top:12px}.utility-rail{position:absolute;top:150px;left:-36px;z-index:5;display:flex;flex-direction:column;border:1px solid var(--line);border-right:0;border-radius:5px 0 0 5px;background:white;box-shadow:-2px 2px 4px #22334406}.rail-button{width:35px;min-height:44px;position:relative;border:0;border-radius:0;background:transparent;padding:7px;color:var(--blue)}.rail-button+.rail-button{border-top:1px solid var(--line)}.rail-button .icon{width:17px;height:17px}.rail-button>span{position:absolute;top:2px;right:2px;font-size:8px;color:var(--blue);background:#eaf3fb;border-radius:50%;width:12px;height:12px}.utility-drawer{position:absolute;right:100%;top:0;bottom:0;width:360px;z-index:4;background:white;border:1px solid var(--line);border-top:0;border-bottom:0;box-shadow:-12px 0 22px #192e4210;display:flex;flex-direction:column;animation:drawer-in .2s ease}.utility-drawer[hidden]{display:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 15px;min-height:60px;flex:none}.drawer-header>strong{display:flex;align-items:center;gap:8px;font-size:13px}.drawer-body{padding:24px;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin}.drawer-body h2{font-size:23px}.drawer-body p,.drawer-body li,.guide-definitions{font-size:13px;line-height:1.7}.drawer-body h3{margin-top:20px}.drawer-body p+p{margin-top:14px}.drawer-body ul{padding-left:18px}.guide-definitions dt{font-weight:600;color:var(--navy);margin-top:15px}.guide-definitions dd{margin-top:5px}.saved-card{border-bottom:1px solid var(--line);padding:18px 0}.saved-card p{font-size:12px;margin:6px 0}.compare-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.compare-check input{margin-top:4px;width:16px;height:16px;accent-color:var(--blue);flex:none}.site-footer{background:#000;color:white;display:flex;justify-content:space-between;gap:50px;font-size:11px;padding:24px max(30px,18vw);line-height:1.8;min-height:112px}.site-footer>div:first-child{max-width:600px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer small{color:#b2bac1;font-size:10px}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.site-footer p{line-height:1.8}.site-footer span{display:inline-block}.site-footer .footer-contact span{display:block}.site-footer>div{flex:1}dialog{border:1px solid #c8d6e0;border-radius:7px;padding:0;max-width:calc(100vw - 32px);width:650px;max-height:88svh;box-shadow:0 24px 90px #15273735;color:var(--navy);background:#fff}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#10253880;backdrop-filter:blur(2px)}.compact-modal{width:540px}.wide-modal{width:920px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px 24px;flex:none}.modal-header h2{margin:0;font-size:22px;letter-spacing:-.5px}.modal-body{padding:24px;overflow:auto;overscroll-behavior:contain;font-size:14px;line-height:1.65}.modal-body p{margin-bottom:16px}.modal-body p:last-child{margin-bottom:0}.modal-body h3{font-size:16px}.modal-body .inline-actions{margin-top:20px}.modal-body .field{font-size:12px}.welcome-mark{width:64px;height:64px;background:var(--pale);border-radius:50%;display:grid;place-items:center;margin-bottom:24px;color:var(--blue)}.welcome-mark .icon{width:30px;height:30px}.tutorial-progress{display:flex;gap:6px;margin-bottom:24px}.tutorial-progress i{width:36px;height:3px;background:#dfe7ee}.tutorial-progress .active{background:var(--blue)}.zip-form{display:flex;align-items:flex-end;gap:12px}.zip-form>.field{flex:1}.zip-form>.button{min-height:40px}.city-form{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:flex-end;margin-top:12px}.city-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-height:220px;overflow:auto}.location-preview{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.location-preview>.field{margin:14px 0}.error{color:#ac2d34;background:#fff4f4;padding:12px;margin-top:16px}.environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.environment-grid>div{border-bottom:1px solid var(--line);padding:10px 0;min-width:0}.environment-grid dt{font-size:11px;line-height:1.5}.environment-grid dd{font-size:16px;margin-top:5px}.source-hash{font-size:9px;overflow-wrap:anywhere}.modal-body details ul{padding-left:20px}.modal-body details li{margin-bottom:16px}.measurement-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:28px}.surface-tabs{display:flex;flex-direction:column;align-items:stretch;gap:8px}.surface-tabs .button{justify-content:flex-start;text-align:left;overflow-wrap:anywhere}.surface-tabs .active{color:var(--blue);border-color:#7da2bc;background:var(--pale)}.opening-row{display:grid;grid-template-columns:1.3fr 1fr 1fr .6fr;gap:12px;border:1px solid var(--line);border-radius:4px;padding:12px;margin:12px 0 16px}.opening-row legend{font-size:11px;color:var(--muted)}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;grid-column:span 2}.check-label input{width:16px;height:16px;accent-color:var(--blue)}.opening-row .icon-button{justify-self:end;grid-column:4}.area-totals{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.area-totals dt{font-size:11px}.area-totals dd{font-size:17px;font-weight:600;margin-top:6px}.material-list>article{padding:20px 0;border-bottom:1px solid var(--line)}.material-list-actions{display:flex;gap:12px;align-items:flex-end}.material-list-actions>.field{max-width:180px}.empty-state{padding:24px;text-align:center;background:#f8fafc}.empty-state>.icon{width:32px;height:32px;margin-bottom:15px;color:var(--blue)}.empty-state h3{margin-bottom:10px}.empty-state .button{margin-top:14px}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;font-size:12px;width:100%;min-width:600px}.table-scroll caption{text-align:left;font-weight:600;margin-bottom:14px}.table-scroll th,.table-scroll td{text-align:left;padding:14px 16px;border:1px solid var(--line);vertical-align:top;line-height:1.6;min-width:160px}.table-scroll th{font-weight:600;background:#f5f8fa}.table-scroll td{max-width:260px}.table-scroll .difference td{background:#eef6fb}.table-scroll th small{display:block;font-weight:400;margin-top:8px;overflow-wrap:anywhere}.guide-library-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.search-result{padding:20px 0;border-bottom:1px solid var(--line)}.search-result .button{margin-top:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#19364f;color:white;font-size:13px;padding:13px 20px;border-radius:5px;box-shadow:0 4px 16px #132d4c20;opacity:0;pointer-events:none;z-index:1000;max-width:min(600px,calc(100vw - 24px));transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.drawer-backdrop{display:none}@keyframes drawer-in{from{opacity:.1;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1700px){.workspace{--sidebar:490px}.task{padding:30px}.scene{padding-right:38px}.layer-row{min-height:48px}.context-bar{padding-left:38px;padding-right:55px}.header-inner{min-height:100px}.primary-nav>div{min-height:60px}.scene-top h1{font-size:28px}}
@media(max-width:1250px){.header-inner{gap:25px;padding:18px 28px}.logo{width:210px}.account-links{gap:5px}.account-links .button{font-size:12px}.context-bar{padding:8px 20px;gap:8px}.location-tools,.utility-tools{gap:5px}.context-metrics{gap:12px}.context-metrics>span:nth-child(n+2){display:none}.utility-tools .text{gap:5px;font-size:12px}.scene{padding-left:30px;padding-right:28px}.site-footer{padding-left:12vw;padding-right:12vw}.scene-caption{font-size:10px}.scene-caption>span:last-child{white-space:normal}.context-metrics{margin-left:4px}}
@media(max-width:1023px){:root{--sidebar:340px}.header-inner{padding:16px 20px;gap:20px;min-height:80px}.logo{width:190px}.account-links .button:first-child{display:none}.account-links .button{font-size:11px}.primary-nav>div{gap:32px;min-height:48px}.primary-nav a,.nav-link{font-size:14px}.context-metrics{display:none}.location-tools>.text{font-size:11px;padding-left:6px;padding-right:6px}.context-bar{padding-left:16px;padding-right:16px}.utility-tools .button{padding-left:5px;padding-right:5px}.guide-switch{gap:5px}.utility-tools .materials-button{padding:7px}.workspace{height:max(690px,calc(100svh - 260px))}.scene{padding:24px 26px 16px}.scene-top{flex-direction:column}.scene-navigation{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.scene-top h1{font-size:24px}.scene-body .artboard{width:100%}.scene-body .artboard.exploded{width:80%}.scene-caption{flex-direction:column;align-items:flex-start}.task{padding:24px}.utility-drawer{width:min(360px,calc(100vw - 340px))}.hotspot{width:30px;height:30px;font-size:11px}.house-point{width:auto;height:auto;font-size:11px;padding:8px 12px}.scene-caption>span:last-child{font-size:9px}.site-footer{padding:22px 40px}}
@media(max-width:767px){:root{--sidebar:100%}.header-inner{padding:16px;gap:14px;flex-wrap:wrap;min-height:auto}.header-inner>a{flex:1}.logo{width:200px;max-width:100%}.account-links{margin-left:auto;gap:6px}.account-links .button{min-height:32px;padding:4px;font-size:0;gap:0}.account-links .button .icon{width:19px;height:19px}.header-inner form{order:3;flex-basis:100%;max-width:none;height:40px}.primary-nav>div{justify-content:flex-start;gap:26px;overflow:auto;min-height:46px;padding:4px 16px;scrollbar-width:none}.primary-nav a,.nav-link{font-size:13px}.primary-nav .button{min-height:36px}.context-bar{flex-wrap:wrap;padding:8px 16px;gap:6px}.location-tools{width:100%;justify-content:space-between}.location-tools>.text{font-size:11px}.utility-tools{width:100%;justify-content:flex-end;border-top:1px solid #e0e7ed;padding-top:5px;gap:12px}.utility-tools .button{font-size:11px}.utility-tools>.text .icon{width:17px;height:17px}.utility-tools>.materials-button{margin-left:auto}.guide-switch>span:last-child{font-size:9px}.location-button{padding:3px 0}.location-button strong{font-size:11px}.location-button small{font-size:9px}.workspace{display:flex;flex-direction:column;height:auto;max-height:none}.scene{padding:24px 20px 16px;min-height:380px}.scene-top{flex-direction:row;gap:8px}.scene-top h1{font-size:23px}.scene-top p{font-size:11px;max-width:240px}.scene-top .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:10px}.scene-navigation{flex-direction:column;width:auto;align-items:flex-end;gap:6px}.segmented{min-height:32px;padding:2px}.segmented .button{font-size:9px;min-height:28px;padding:6px 8px}.scene-navigation .back-to-building{font-size:9px;white-space:nowrap}.scene-navigation .back-to-building .icon{width:12px}.scene-body{min-height:240px;padding:12px 0}.scene-body .artboard{width:100%;height:auto;max-width:560px;max-height:none}.scene-body .wall-art{max-width:600px}.scene-body .artboard.exploded{width:78%;margin:12px 0}.scene-caption{flex-direction:row;font-size:9px;padding-top:12px;gap:14px}.scene-caption>span:first-child{max-width:230px}.scene-caption>span:last-child{font-size:8px}.scene-caption .icon{width:13px;height:13px}.hotspot{width:30px;height:30px;font-size:10px}.house-point{width:auto;height:auto;padding:8px 11px;min-height:36px;gap:7px;font-size:10px}.house-point>span{width:15px;height:15px}.sidebar-shell{border-left:0;border-top:1px solid var(--line);min-height:480px}.task{height:auto;overflow:visible;padding:25px 24px 32px;min-height:480px}.task h2{font-size:25px}.progress{margin-bottom:24px;max-width:340px}.progress .button{font-size:10px}.layer-list{margin-top:18px}.layer-row{min-height:46px;font-size:13px;padding-top:14px;padding-bottom:14px}.layer-details h3{font-size:16px}.task-actions{margin-top:24px;padding-top:0}.category-list{margin-top:12px}.category-row{min-height:72px}.material-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.material-choice{padding:12px 9px;font-size:12px;gap:9px}.material-choice small{font-size:9px}.utility-rail{top:0;left:auto;right:18px;transform:translateY(-50%);flex-direction:row;z-index:5;border:1px solid var(--line);border-radius:5px;box-shadow:0 1px 5px #12345612}.rail-button{width:40px;min-height:36px}.rail-button+.rail-button{border-top:0;border-left:1px solid var(--line)}.utility-drawer{position:fixed;inset:0 0 0 auto;width:min(430px,100vw);height:100dvh;z-index:31;border:0;box-shadow:-15px 0 80px #14314930}.drawer-header{min-height:64px;padding:12px 18px}.drawer-body{padding:24px}.drawer-backdrop{position:fixed;display:block;inset:0;border:0;background:#10253870;z-index:30;cursor:pointer}.drawer-lock{overflow:hidden}.site-footer{padding:24px;gap:22px;flex-direction:column;font-size:10px}.footer-contact{align-items:flex-start;font-size:11px}.site-footer>div:first-child{max-width:none}.site-footer small{font-size:9px}dialog{max-width:calc(100vw - 20px);max-height:92dvh;border-radius:6px}.modal-header{padding:14px 16px}.modal-header h2{font-size:20px}.modal-body{padding:20px 16px;font-size:13px}.modal-body h3{font-size:15px}.measurement-layout{grid-template-columns:1fr;gap:18px}.surface-tabs{flex-direction:row;overflow:auto;padding-bottom:6px}.surface-tabs .button{flex:none;max-width:180px}.opening-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.opening-row .icon-button{grid-column:2}.check-label{grid-column:1}.area-totals{gap:16px}.area-totals dd{font-size:15px}.area-totals dt{font-size:10px}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zip-form{gap:8px}.zip-form>.button{font-size:12px;padding:10px}.city-form{grid-template-columns:85px 1fr}.city-form>.button{grid-column:span 2}.material-list-actions{flex-wrap:wrap;gap:8px}.material-list-actions>.field{max-width:150px}.guide-library-nav .button{font-size:11px}.product-detail>.notice{font-size:11px}#toast{font-size:12px;bottom:16px}.art-disclosure{font-size:9px}.surface-checks label{min-height:36px}}
@media(max-width:400px){.scene-top{flex-wrap:wrap}.scene-navigation{flex-direction:row;width:100%;justify-content:space-between}.scene-top h1{font-size:23px}.scene{padding:22px 18px 14px}.scene-body{min-height:220px}.utility-tools{gap:6px}.utility-tools>.text{gap:4px}.guide-switch{gap:4px}.guide-switch>span:last-child{font-size:8px}.switch-track{width:26px;height:15px}.switch-track i{width:11px;height:11px}.guide-switch[aria-checked=true] .switch-track i{transform:translateX(11px)}.material-choices{grid-template-columns:1fr}.task{padding-left:22px;padding-right:22px}.scene-caption>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.wall-base{opacity:.65;mask-image:url('/assets/wall-structure-mask.svg');mask-size:100% 100%}
.wall-slice{mask-image:url('/assets/wall-marker-mask.svg');mask-size:100% 100%}
.site-footer p>span{margin:0 3px}
.hotspot::before{content:"";position:absolute;inset:-5px;border-radius:50%}
@media(max-width:767px){.hotspot::before{inset:-7px}.house-point::before{inset:-4px}}
@media(max-width:400px){.utility-tools{gap:4px;justify-content:space-between}.utility-tools>.button{padding-left:2px;padding-right:2px}.utility-tools>.materials-button{margin-left:0;padding:7px 5px}.utility-tools>.guide-switch{padding-left:0;padding-right:0}.utility-tools>.text{font-size:10px}}