*,:after,:before{box-sizing:border-box}#root,body,html{width:100%;min-height:100%}@media (min-width:1025px){:root{--page-space:clamp(16px,1.4vw,20px);--column-gap:clamp(24px,2.2vw,32px);--panel-width:clamp(344px,33.2vw,478px);--viewer-height:clamp(300px,calc(100dvh - 328px),538px);--card-width:132px;--card-height:210px;--card-image-height:84px;--camera-card-width:82px;--camera-card-image-height:82px}#root,body,html{height:100%}#root,.model-page,body,html{overflow-x:hidden;overflow-y:auto}.model-page{display:grid!important;grid-template-columns:minmax(0,1fr) var(--panel-width)!important;grid-gap:var(--column-gap);gap:var(--column-gap);width:100%;height:100dvh;min-height:0;padding:var(--page-space)}.camera-slider,.camera-view,.camera-window,.left-side,.right-side,.viewer-bottom{min-width:0}.left-side,.right-side{min-width:0;margin:0}.left-side{width:auto!important}.right-side{width:var(--panel-width)!important;max-width:var(--panel-width)}.viewer{width:100%;height:var(--viewer-height)}.model-image{width:72%;height:70%;margin-top:8%;margin-left:14%}.viewer-bottom{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:clamp(20px,2.8vw,40px);gap:clamp(20px,2.8vw,40px);margin-top:clamp(10px,1.3vw,18px)}.view-mode{width:auto}.camera-view,.camera-window{width:auto;max-width:none}.camera-card{width:var(--camera-card-width);height:auto}.camera-card img{height:var(--camera-card-image-height)}.right-panel{width:100%!important;max-width:100%;min-width:0;height:calc(100dvh - (var(--page-space) * 2));margin:0;padding:var(--page-space);overflow:hidden}.right-panel .floorplan-container{flex:1 1 340px;height:auto;min-height:220px;margin-bottom:10px}.right-panel .build-summary{margin-top:5px;flex-shrink:0}.floorplan-container{grid-template-columns:repeat(2,var(--card-width));justify-content:center;gap:clamp(12px,1.1vw,16px);width:100%;height:clamp(220px,37.8vh,340px);padding:clamp(12px,1.4vw,20px) 0;overflow-x:hidden}.floor-card{height:var(--card-height)}.floor-card,.floor-content,.floor-image,.floor-image img:first-child{width:var(--card-width)}.floor-image,.floor-image img:first-child{height:var(--card-image-height)}}@media (min-width:1280px){:root{--card-width:176px;--card-height:240px;--card-image-height:118px;--camera-card-width:92px;--camera-card-image-height:92px;--viewer-height:clamp(300px,calc(100dvh - 340px),538px)}.view-mode{padding-right:20px}.view-button{width:130px;height:56px}}@media (min-width:1440px){:root{--card-width:196px;--card-height:265px;--card-image-height:135px;--camera-card-width:100px;--camera-card-image-height:100px}.view-mode{padding-right:32px}.view-button{width:140px;height:60px}:root{--viewer-height:max(300px,calc(100dvh - 350px))}}@media (min-width:1440px) and (max-height:900px){:root{--viewer-height:clamp(300px,calc(100dvh - 350px),538px)}}@media (min-width:1025px) and (max-height:800px){.viewer-bottom{align-items:start}.camera-view-title,.view-mode-title{margin-bottom:10px}.view-mode{padding-right:20px}.view-button{height:48px}.camera-card{width:82px}.camera-card img{height:82px}.camera-card-footer{height:28px;font-size:12px}.right-panel{padding:16px}.right-title{padding:4px 10px;font-size:20px}.right-step{margin-top:4px;padding:4px 10px;font-size:14px}.right-buttons{padding:4px 10px;margin-bottom:8px}.step-button{height:42px}.right-divider{margin-bottom:10px}.floorplan-container{flex:1 1 220px;height:auto;min-height:220px;margin-bottom:10px;padding:10px 0}.floor-card{height:200px}.floor-image,.floor-image img:first-child{height:94px}.floor-content{height:106px;padding:6px 9px}.floor-content h4{margin:0;font-size:12px;line-height:16px}.floor-content p,.floor-content p[style]{font-size:10px!important;line-height:14px!important}.build-summary{margin:5px 10px 0;padding:10px}.build-summary h3{margin-bottom:8px;font-size:14px}.summary-row{margin-bottom:4px;font-size:11px}.total{font-size:14px}.build-summary hr{margin:8px 0}.summary-header{margin-bottom:8px;font-size:10px}.summary-buttons{gap:10px}.review-button,.send-button{height:30px;font-size:11px}}@media (min-width:1025px) and (max-height:650px){:root{--viewer-height:clamp(200px,calc(100dvh - 310px),300px)}.viewer-bottom{margin-top:8px}.camera-view-title,.view-mode-title{margin-bottom:6px;font-size:14px}.view-mode{padding-right:14px!important}.view-mode-buttons{gap:6px}.view-button{height:38px!important;font-size:12px;padding:0 8px}.camera-slider{gap:8px}.camera-arrow{width:30px;height:30px}.camera-card{width:64px}.camera-card img{height:64px}.camera-card-footer{height:24px;font-size:10px}.right-panel{padding:12px}.right-title{padding:2px 8px;font-size:17px}.right-step{padding:2px 8px;font-size:12px}.right-buttons{padding:2px 8px;margin-bottom:4px}.step-button{height:34px;font-size:12px}.right-divider{margin-bottom:6px}.right-panel .floorplan-container{flex-basis:150px;min-height:150px;padding:6px 0}.floor-card{height:138px}.floor-image,.floor-image img:first-child{height:62px}.floor-content{height:76px;padding:4px 6px}.floor-content h4{font-size:10px;line-height:12px}.floor-content p,.floor-content p[style]{font-size:8px!important;line-height:11px!important}.build-summary{margin:4px 8px 0;padding:8px}.build-summary h3{margin-bottom:5px;font-size:12px}.summary-row{margin-bottom:2px;font-size:9px}.total{font-size:11px}.build-summary hr{margin:5px 0}.summary-header{margin-bottom:5px;font-size:8px}.summary-buttons{gap:6px}.review-button,.send-button{height:26px;font-size:9px}}@media (min-width:1025px) and (max-height:520px){.right-panel .floorplan-container{flex-basis:120px;min-height:120px}.floor-card{height:112px}.floor-image,.floor-image img:first-child{height:50px}.floor-content{height:62px;padding:3px 5px}.floor-content h4{font-size:9px;line-height:11px}.floor-content p,.floor-content p[style]{font-size:7px!important;line-height:9px!important}.build-summary{padding:6px}.build-summary h3{margin-bottom:3px;font-size:11px}.summary-row{margin-bottom:1px;font-size:8px}.total{font-size:10px}.build-summary hr{margin:3px 0}.summary-header{margin-bottom:3px;font-size:7px}.review-button,.send-button{height:22px;font-size:8px}}@media (min-width:769px) and (max-width:1023px){.model-page{width:100%;padding:16px;overflow-x:hidden}.camera-view,.left-side,.right-side,.view-mode,.viewer{width:100%;max-width:736px}.model-image{width:70%;height:70%;margin-top:8%;margin-left:15%}.right-panel{width:100%;max-width:736px;margin-top:0}}@media (max-width:768px){.camera-window,.choose-model-tabs,.floorplan-container{scrollbar-width:none;-ms-overflow-style:none}.camera-window::-webkit-scrollbar,.choose-model-tabs::-webkit-scrollbar,.floorplan-container::-webkit-scrollbar{display:none}.floor-content{padding:8px 12px}.floor-content h4{margin:0;font-size:13px;line-height:17px}.floor-content p,.floor-content p[style]{margin:0;font-size:10px!important;line-height:14px!important}}@media (min-width:600px) and (max-width:768px){.floorplan-container{grid-template-columns:repeat(2,176px);justify-content:center;width:536px;height:280px;padding:12px 0}.floor-card{width:176px;height:225px}.floor-content,.floor-image,.floor-image img:first-child{width:176px}.floor-image,.floor-image img:first-child{height:108px}.floor-content{height:117px}}@media (min-width:480px) and (max-width:599px){.floorplan-container{grid-template-columns:repeat(2,176px);justify-content:center;width:416px;height:270px;padding:12px 0}.floor-card{width:176px;height:220px}.floor-content,.floor-image,.floor-image img:first-child{width:176px}.floor-image,.floor-image img:first-child{height:104px}.floor-content{height:116px}}@media (min-width:400px) and (max-width:479px){.floorplan-container{grid-template-columns:358px;justify-content:center;width:100%;height:246px;padding:10px 0}.floor-card{width:358px;height:220px}.floor-content,.floor-image,.floor-image img:first-child{width:358px}.floor-image,.floor-image img:first-child{height:104px}.floor-content{height:116px}}@media (min-width:360px) and (max-width:399px){.floorplan-container{grid-template-columns:minmax(0,300px);justify-content:center;width:100%;height:238px;padding:10px 0}.floor-card{width:100%;height:214px}.floor-content,.floor-image,.floor-image img:first-child{width:100%}.floor-image,.floor-image img:first-child{height:102px}.floor-content{height:112px}}@media (max-width:359px){.floorplan-container{grid-template-columns:264px;justify-content:center;width:100%;height:222px;padding:8px 0}.floor-card{width:264px;height:202px}.floor-content,.floor-image,.floor-image img:first-child{width:264px}.floor-image,.floor-image img:first-child{height:96px}.floor-content{height:106px;padding:7px 10px}.floor-content h4{font-size:12px;line-height:16px}.floor-content p,.floor-content p[style]{font-size:9px!important;line-height:13px!important}}@media (min-width:1025px){:root{--model-view-width:clamp(150px,12.2vw,176px)}.viewer-bottom{grid-template-columns:var(--model-view-width) minmax(0,1fr)!important}.view-mode{width:var(--model-view-width)!important;padding-right:clamp(20px,2.2vw,32px)!important}.view-mode-title{font-size:clamp(15px,1.25vw,18px)}.view-mode-buttons{width:100%}.view-button{width:calc(100% - 4px)!important;height:clamp(48px,6.7dvh,60px)!important;min-width:0;padding:0 clamp(10px,1.1vw,16px);font-size:clamp(13px,1.1vw,16px)}}@media (min-width:769px) and (max-width:1024px){.model-page{display:flex!important;flex-direction:column!important;align-items:center;height:auto!important;min-height:100dvh;padding:16px;gap:20px;overflow-x:hidden}.model-page .left-side,.model-page .right-side{width:100%!important;max-width:none;flex:0 0 auto;min-width:0;margin:0}.model-page .viewer{width:100%;max-width:none;height:clamp(400px,55vw,500px)}.model-page .viewer-bottom{display:flex!important;flex-direction:column;width:100%}.model-page .camera-view,.model-page .view-mode{width:100%!important;max-width:none}.model-page .view-mode{padding:0 0 18px!important;border-right:0;border-bottom:1px solid #5b5e66}.model-page .view-mode-buttons{flex-direction:row}.model-page .view-button{width:134px!important;height:56px!important}.model-page .camera-window{width:auto!important;max-width:none}.model-page .right-panel{width:100%!important;max-width:none;height:auto;min-height:0;margin:0}}