:root{--blue:#1768e9;--blue-dark:#1049a0;--ink:#17334f;--muted:#58708a;--line:#dce6f2;--light:#eef5ff;--radius:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f8fd;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid #ccdcee;background:#fff;border-radius:10px;color:var(--ink);padding:10px 14px;font-size:13px;font-weight:650;cursor:pointer;min-height:42px;line-height:1.35}button:hover,.button:hover{background:#eaf2ff;border-color:#a8c6ed}button:disabled{opacity:.42;cursor:not-allowed}.primary,.button.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#1057c8}a{color:#1359bb;text-underline-offset:4px}.button{display:inline-flex;align-items:center;gap:20px;text-decoration:none}.wide{width:100%}h1,h2,h3,p,figure{margin-top:0}h2{font-size:26px;line-height:1.25;letter-spacing:-.025em}h3{font-size:19px;line-height:1.3}p{line-height:1.65}small,.small{font-size:12px}strong{font-weight:750}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.65;margin:13px 0 0}.inset{padding:0 20px 15px;margin:0}.eyebrow{display:block;font-size:11px;letter-spacing:.12em;font-weight:750;text-transform:uppercase;color:#2164c4;margin-bottom:10px}[hidden]{display:none!important}:focus-visible{outline:3px solid #efa326;outline-offset:3px}input,select{width:100%;min-width:0;padding:10px 11px;border:1px solid #d4dfed;border-radius:8px;background:#fff;color:var(--ink);min-height:42px;font-size:14px}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--blue)}input[type=color]{height:42px;padding:4px;cursor:pointer}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#49647d;min-width:0}.check{display:flex;flex-direction:row;align-items:center;gap:8px;line-height:1.4;font-size:12px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:9999}.skip:focus{top:15px}.shell{max-width:1392px;padding:0 32px;margin:auto}.site-head{max-width:1392px;padding:22px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-head nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:650}.site-head nav a{text-decoration:none}.site-head img{display:block;width:165px;height:auto}.breadcrumbs{font-size:12px;color:var(--muted);padding:14px 0 24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;padding:26px 0 38px}.hero h1{font-size:clamp(34px,4.1vw,58px);line-height:1.07;letter-spacing:-.045em;margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{color:var(--muted);font-size:17px;max-width:530px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.hero-tags span{padding:7px 10px;border:1px solid #d2e0f3;border-radius:7px;font-size:11px;font-weight:650;color:#386899}.hero figure{margin:0}.hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px;display:block;box-shadow:0 18px 35px #1d497714}.hero figcaption,figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:9px}.hero .button{padding:14px 23px}.section-nav{display:flex;flex-wrap:wrap;gap:25px;padding:15px 0 28px;font-size:13px;font-weight:650}.section-nav a{text-decoration:none}.sd-icon{display:inline-block;flex-shrink:0;width:54px;height:54px;background-image:url('/assets/siding/siding-icons.webp');background-size:300% 200%;background-repeat:no-repeat;border-radius:10px}.i0{background-position:0 0}.i1{background-position:50% 0}.i2{background-position:100% 0}.i3{background-position:0 100%}.i4{background-position:50% 100%}.i5{background-position:100% 100%}.preset-box{background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:26px;padding:0}.preset-box>summary{display:flex;gap:16px;align-items:center;padding:16px 22px;list-style:none}.preset-box summary span:not(.sd-icon){font-size:16px}.preset-box summary small{display:block;margin-top:5px;color:var(--muted);font-weight:450}.preset-box summary b{margin-left:auto;color:var(--blue);font-size:13px}.preset-box[open] summary{border-bottom:1px solid var(--line)}#preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}#preset-grid button{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:5px 12px;text-align:left;font-size:13px}#preset-grid .sd-icon{grid-row:span 2;width:45px;height:45px}#preset-grid small{color:var(--muted);font-weight:450;line-height:1.5}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.settings{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.settings-title{display:flex;gap:14px;align-items:center;margin-bottom:15px}.settings-title h2{font-size:22px;margin:0}.settings-title .sd-icon{width:42px;height:42px}.settings details{border-top:1px solid var(--line);padding:15px 0 0;margin-top:15px}.settings details summary{font-size:13px}.settings details[open] summary{margin-bottom:18px}summary{cursor:pointer;font-weight:650;line-height:1.55}summary::marker{color:var(--blue)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.history{display:flex;gap:8px;margin:13px 0}.history button{font-size:11px;flex:1;padding:8px;min-height:36px}#storage-note{line-height:1.5;margin:0 0 22px;font-size:10px}.facade-setting{padding:0 0 15px}.facade-setting .check{margin-bottom:8px}.facade-setting select{font-size:12px}.settings .check{margin-top:12px}#custom-settings>label{margin-bottom:15px}#apply-custom{margin-top:18px}.project-main{min-width:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stats>div{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 18px}.stats small{display:block;font-size:11px;font-weight:600;color:var(--muted)}.stats strong{display:block;font-size:26px;letter-spacing:-.03em;margin:7px 0}.stats span{display:block;font-size:10px;color:var(--muted);line-height:1.5}.stats>div:last-child{background:#1768e9;color:#fff;border-color:#1768e9}.stats>div:last-child small,.stats>div:last-child span{color:#edf5ff}.visual,.openings{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.visual-head{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:22px 23px 18px}.visual-head h2{font-size:20px;margin:0 0 7px}.visual-head .eyebrow{font-size:9px;margin-bottom:7px}.visual-head small{font-size:11px;color:var(--muted)}.live-badge{font-size:10px;color:#176454;padding:8px;border-radius:20px;background:#e8f5f0;white-space:nowrap}.view-tabs{display:flex;gap:6px;padding:0 18px 14px;flex-wrap:wrap}.view-tabs button{padding:8px 10px;font-size:11px;min-height:36px}.view-tabs [aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.model{width:100%;height:530px;position:relative;background:#eef4fc}.model canvas{display:block;width:100%;height:100%;touch-action:none}.model-options{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.model-options>span{font-size:10px;color:var(--muted);flex:1;min-width:160px}.face-tools{display:flex;gap:14px;align-items:end;padding:16px 20px;flex-wrap:wrap}.face-tools>label:first-child{flex:1;max-width:235px}.color-field{max-width:104px}.face-tools>div{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.face-tools strong{font-size:12px}.face-tools small{color:var(--muted);font-size:11px}.face-tools button{font-size:11px}.webgl-message{padding:90px 40px;color:#526b86;line-height:1.8}.draw-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:15px 18px 0}.draw-toolbar button{font-size:11px}#draw-help{padding:0 18px}#facade-canvas{width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7faff}#facade-canvas svg{width:100%;height:100%;max-height:500px}#facade-canvas.drawing{touch-action:none;cursor:crosshair}#facade-canvas [data-piece]{cursor:pointer}#draw-ghost[hidden]{display:none}.openings{padding:22px;margin-top:18px}.section-title{display:flex;gap:16px;align-items:center;margin-bottom:22px}.section-title h2{margin-bottom:7px}.section-title p{margin:0;font-size:13px;color:var(--muted)}.section-title>div:first-of-type{flex:1}.section-title>span:last-child{font-size:12px;color:var(--muted)}.section-title .sd-icon{width:52px;height:52px}.buttons{display:flex;gap:9px;flex-wrap:wrap}.openings .section-title h2{font-size:21px}.openings details{margin-top:15px}.opening-row{border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:12px;background:#f8faff}.opening-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.opening-head strong{font-size:12px}.opening-head button{padding:5px 12px;min-height:32px;font-size:20px}.opening-row .input-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.save-bar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.save-bar button{font-size:11px}.catalog-section,.results{margin:45px 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.catalog-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px}.catalog-date{font-size:11px;color:var(--muted);margin:16px 0}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;min-width:0}.product-card.active{border-color:#1768e9;box-shadow:0 0 0 1px #1768e9}.product-swatch{height:110px;position:relative;overflow:hidden;background:#eef3f8;padding:17px 25px;transform:translateZ(0)}.product-swatch i{display:block;height:26px;background:var(--swatch);border-top:2px solid #ffffff4d;border-bottom:4px solid #00000024;transform:skewY(-5deg);box-shadow:0 4px 6px #00000012}.product-swatch.log i{border-radius:50% 50% 5% 5%;background:linear-gradient(0deg,#0000001f,transparent 55%,#ffffff2a),var(--swatch)}.product-swatch.plank i{border-top:0;border-bottom:3px solid #ffffff4d;height:24px;margin:2px 0}.product-swatch.vertical{display:flex;gap:3px;padding:10px 45px}.product-swatch.vertical i{width:32px;height:100px;transform:skewY(-8deg);border-left:3px solid #00000025;border-bottom:0}.product-body{padding:17px;display:flex;flex-direction:column}.product-body .eyebrow{font-size:9px}.product-body h3{font-size:15px;margin:0 0 8px;min-height:39px}.product-body p{font-size:12px;color:#526985;margin:0 0 7px}.product-body>small{font-size:10px;color:var(--muted)}.product-price{font-size:20px;margin:15px 0 13px;color:#184570}.product-price small{font-weight:450;font-size:10px}.product-body button{width:100%;margin-bottom:12px}.product-body button.chosen{background:#ebf3ff;color:#145eca;border-color:#b4cff2}.product-body>a{font-size:11px}.notice{background:#f0f6ff;border:1px solid #d9e8fb;color:#456283;border-radius:12px;padding:16px 20px;font-size:12px;line-height:1.7;margin:20px 0 0}.error{border:1px solid #f3bd9a;background:#fff0e6;padding:16px;border-radius:12px;margin-bottom:16px;color:#8b3f18;font-size:13px;line-height:1.6}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;max-width:100%;margin-top:20px}.table-scroll table{border-collapse:collapse;min-width:800px;width:100%;background:white;font-size:12px;line-height:1.5}th,td{padding:14px 15px;text-align:left;border-bottom:1px solid #e5edf5;vertical-align:top}thead th{background:#edf4ff;color:#356395;font-size:10px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;z-index:2}tbody th{font-weight:650;min-width:230px;width:40%}tbody th small{display:block;font-size:10px;line-height:1.5;font-weight:450;color:var(--muted);margin-top:6px}tr:last-child>*{border-bottom:0}.estimate-scroll{max-height:720px}.price-input{width:112px;font-size:12px;padding:9px;min-height:38px}.line-total{white-space:nowrap;font-weight:650}.cut-report{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.cut-report span{padding:14px;border-radius:9px;background:#f5f8fd;font-size:11px;color:var(--muted)}.cut-report b{display:block;color:var(--ink);font-size:15px;margin-top:5px}.estimate-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.estimate-foot>span{display:flex;flex-direction:column;align-items:end;font-size:11px;color:var(--muted)}.estimate-foot strong{font-size:28px;color:var(--blue);margin-top:5px}.extra-box{border:1px solid var(--line);padding:16px;border-radius:12px;margin:10px 0 22px}#extra-form{display:grid;grid-template-columns:3fr .8fr 1fr 1fr auto;gap:10px;align-items:end;padding-top:20px}#extra-items{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}#extra-items button{font-size:11px}#warnings{font-size:12px;line-height:1.8;color:var(--muted)}.editorial{max-width:1120px;margin:65px auto}.editorial section{margin:40px 0;padding-bottom:35px;border-bottom:1px solid var(--line)}.editorial p{font-size:14px;color:var(--muted)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0;align-items:center}.method-grid h3{font-size:19px;margin-bottom:10px}.method-grid img{width:100%;height:auto;border-radius:16px;display:block}.method-grid figure{margin:0}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.method-cards article{padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.method-cards h3{margin:15px 0 12px}.method-cards p{font-size:12px;margin:0}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.example-grid article{padding:18px;background:white;border:1px solid var(--line);border-radius:14px}.example-grid h3{font-size:15px}.example-grid p,.example-grid a{font-size:12px}.editorial details{border-bottom:1px solid var(--line);padding:18px 0}.editorial details p{margin:16px 0 0}.editorial details summary{font-size:15px}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related a{padding:16px;border:1px solid var(--line);border-radius:10px;font-size:13px;text-decoration:none;background:white}.site-footer{max-width:1392px;margin:30px auto;padding:24px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}.site-footer nav{display:flex;gap:20px}dialog{border:1px solid var(--line);border-radius:22px;padding:32px;max-width:min(520px,calc(100vw - 32px));box-shadow:0 25px 80px #142b4e30;color:var(--ink)}dialog::backdrop{background:#142a4b66}#tour-close{position:absolute;right:14px;top:14px;border:0;font-size:25px;padding:0 8px}dialog h2{padding-right:22px;margin-top:20px}dialog p{color:var(--muted);font-size:15px}dialog .buttons{justify-content:space-between;align-items:center}dialog a{font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);background:#183759;color:#fff;padding:14px 22px;border-radius:12px;z-index:9999;font-size:13px;box-shadow:0 8px 30px #122d5430}.print-only{display:none}
@media(min-width:1800px){.model{height:600px}}
@media(max-width:1100px){.workspace{grid-template-columns:280px minmax(0,1fr);gap:18px}.settings{padding:18px}.shell{padding:0 22px}.hero{gap:30px}.live-badge{display:none}.visual-head{padding:20px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.stats>div{padding:14px}.stats strong{font-size:22px}.opening-row .input-grid{grid-template-columns:1fr 1fr}.model{height:440px}.site-head nav{gap:18px}.section-title{flex-wrap:wrap}.catalog-controls{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.workspace{display:flex;flex-direction:column}.project-main{width:100%}.settings{width:100%}.settings-title{margin-bottom:10px}.settings>label{max-width:500px}.history{max-width:300px}.settings #parameters>.input-grid{grid-template-columns:1fr 1fr}.input-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;gap:20px;padding-top:12px}.hero figure{display:none}.hero h1{font-size:42px}.hero p{font-size:16px;max-width:580px}.site-head{padding:16px 22px}.site-head nav a:nth-child(2),.site-head nav a:nth-child(3){display:none}.site-head nav{gap:12px;font-size:12px}.site-head nav button{font-size:11px;padding:9px}.site-head img{width:142px}.section-nav{gap:14px;font-size:12px}#preset-grid{grid-template-columns:repeat(2,1fr)}.preset-box>summary{padding:15px}.preset-box summary b{font-size:11px}.catalog-section,.results{padding:22px;margin:30px 0}.catalog-grid{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:1fr}.method-cards{grid-template-columns:1fr}.example-grid{grid-template-columns:1fr 1fr}.editorial{margin-top:40px}.cut-report{grid-template-columns:1fr 1fr}.model{height:440px}.live-badge{display:inline-block}#extra-form{grid-template-columns:1fr 1fr}#extra-form>label:first-child{grid-column:span 2}#extra-form button{grid-column:span 2}.site-footer{flex-direction:column}.settings details{margin-top:12px;padding-top:12px}}
@media(max-width:480px){.shell{padding:0 13px}.site-head{padding:16px 13px}.site-head img{width:125px}.site-head nav a{display:none}.hero h1{font-size:36px}.hero-tags span{font-size:10px}.hero-tags{margin:18px 0}.section-nav{gap:13px 17px}.preset-box summary .sd-icon{width:43px;height:43px}.preset-box summary span:not(.sd-icon){font-size:13px}.preset-box summary b{max-width:75px}.preset-box summary small{font-size:10px}#preset-grid{padding:12px;gap:8px}#preset-grid button{display:block;padding:10px}#preset-grid .sd-icon{display:block;width:36px;height:36px}#preset-grid strong{font-size:11px;display:block}#preset-grid small{font-size:10px;display:block;margin-top:5px}.stats{gap:7px}.stats>div{padding:12px 9px}.stats strong{font-size:20px}.stats small{font-size:9px}.stats span{font-size:9px}.visual-head h2{font-size:18px}.live-badge{display:none}.visual-head{padding:18px 15px}.view-tabs{padding:0 12px 14px;gap:5px}.view-tabs button{font-size:10px;padding:7px 8px}.model{height:340px}.model-options{padding:12px 14px;gap:12px}.face-tools{padding:15px 14px;gap:10px}.face-tools>label:first-child{max-width:none;min-width:150px}.color-field{max-width:94px}.face-tools button{min-height:36px}.openings{padding:16px}.section-title{gap:10px}.section-title h2{font-size:22px}.section-title .sd-icon{width:40px;height:40px}.section-title p{font-size:12px}.catalog-section,.results{padding:17px 13px}.catalog-controls{gap:10px}.catalog-grid{gap:10px}.product-body{padding:12px}.product-swatch{padding:18px;height:92px}.product-body h3{font-size:12px;min-height:33px}.product-body .eyebrow{font-size:8px}.product-body p{font-size:10px}.product-body>small{font-size:9px}.product-price{font-size:17px}.product-price small{font-size:9px;display:block}.product-body button{font-size:11px;min-height:38px;padding:8px}.product-body>a{font-size:10px}.catalog-date{font-size:10px}.notice{padding:13px;font-size:11px}.cut-report span{font-size:10px;padding:11px}.cut-report b{font-size:13px}.estimate-foot{flex-direction:column-reverse;align-items:stretch}.estimate-foot>span{align-items:start}.estimate-foot strong{font-size:26px}#facade-canvas{height:340px}.draw-toolbar{padding:12px;gap:6px}.draw-toolbar button{font-size:10px;padding:8px}.example-grid{gap:10px}.example-grid article{padding:15px}.related{grid-template-columns:1fr}.site-footer{padding:24px 16px}.site-footer nav{font-size:11px;gap:16px}#toast{font-size:12px;bottom:16px}.editorial h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;font-size:10px}.site-head,.breadcrumbs,.hero,.section-nav,.preset-box,.workspace,.catalog-section,.editorial,.site-footer,.save-bar,.buttons,button,.extra-box,dialog,#toast,.error,#warnings,.results>details{display:none!important}.shell{padding:0;max-width:none}.results{border:0;padding:0;margin:0 0 24px}.results h2{font-size:20px}.table-scroll,.estimate-scroll{overflow:visible;max-height:none;border:0}.table-scroll table{min-width:0;font-size:9px}.table-scroll th,.table-scroll td{padding:7px 5px}thead{display:table-header-group}thead th{position:static}tbody th{min-width:0;width:42%}tr{break-inside:avoid}.price-input{border:0;padding:0;width:72px;min-height:0;font-size:9px}.line-total{white-space:normal}.section-title .sd-icon{display:none}.print-only{display:block}#print-drawing{display:grid;grid-template-columns:1fr 1fr;gap:20px}#print-drawing svg{width:100%;max-height:340px;break-inside:avoid}.notice{font-size:10px}.cut-report{display:none}.estimate-foot{padding:12px 0}.estimate-foot strong{font-size:20px}.results a{color:inherit;text-decoration:none}}

@media(max-width:360px){.site-head{flex-wrap:wrap;gap:8px}.site-head .brand{flex:1}.site-head nav{order:3;flex-basis:100%;justify-content:flex-end}.site-head #smetroomGlobalMenuButton{order:2}}