@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{--blue:#0061bb;--blue-deep:#00478f;--navy:#142d48;--text:#263c50;--muted:#758291;--line:#e4eaf0;--soft:#f5f8fb;--blue-soft:#edf5fd;--radius:16px;--shadow:0 8px 35px #1a4d7610;font-family:'DM Sans',Arial,sans-serif;color:var(--text);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:#fff}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.55;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #70b6f5;outline-offset:4px}button svg{pointer-events:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope','DM Sans',sans-serif}svg{display:block}button{background:none;border:0}input,select{min-width:0}button svg,[data-icon] svg{width:19px;height:19px;stroke-width:1.7}.page-width{width:min(1248px,calc(100% - 96px));margin-inline:auto}.site-header{height:100px;width:min(1360px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{position:relative;width:159px;height:48px;overflow:hidden;display:block;flex-shrink:0}.brand img{position:absolute;width:202px;height:auto;max-width:none;left:-22px;top:-52px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600;margin-left:72px;height:100%}.site-header nav a,.site-header nav button{position:relative;height:100%;display:flex;align-items:center;gap:10px;padding:0;color:#727d8a;font-size:13px;font-weight:600}.site-header nav .active{color:var(--blue)}.site-header nav .active:after{content:'';height:3px;width:24px;background:var(--blue);position:absolute;bottom:22px;left:calc(50% - 12px);border-radius:4px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;font-size:12px;font-weight:650;padding:13px 18px;min-height:43px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button-outline{border:1px solid #d9e2ec;background:#fff;color:#36516d}.button-outline:hover{border-color:#9abedf;background:#f8fbff}.button-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.button-primary:hover{background:var(--blue-deep);box-shadow:0 5px 16px #0061bb24}.hero{display:flex;align-items:center;justify-content:space-between;padding-top:51px;padding-bottom:46px;gap:50px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--blue);display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(36px,3.5vw,50px);font-weight:750;line-height:1.18;letter-spacing:-2px;margin:17px 0 18px;color:var(--navy)}h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:14px;color:var(--muted);line-height:1.8}.hero-note{position:relative;width:310px;margin:22px 28px 0 0;padding:0 0 0 28px;border-left:1px solid var(--line)}.hero-note-icon{display:block;color:var(--blue);margin-bottom:13px}.hero-note-icon svg{width:26px;height:26px;stroke-width:1.4}.hero-note p{font-size:14px;line-height:1.65}.hero-note strong{font-weight:600;color:#4a5f73}.mini-steps{display:flex;align-items:center;gap:10px;margin-top:24px;color:var(--blue);font-size:9px;font-weight:700}.mini-steps span{display:flex;gap:5px}.mini-steps b{font-weight:500;color:#8a95a1}.mini-steps i{height:1px;width:12px;background:#d9e4ee}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:-.4px;color:var(--navy)}.step{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#eef5fc;color:var(--blue);font:700 10px 'DM Sans',sans-serif;letter-spacing:0}.section-hint{font-size:11px;color:#919ba6}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-card{position:relative;display:flex;align-items:center;gap:13px;text-align:left;min-height:130px;padding:17px 23px 17px 13px;border:1px solid var(--line);border-radius:11px;transition:all .22s;background:#fff}.system-card:hover{border-color:#95b9dc;box-shadow:var(--shadow);transform:translateY(-2px)}.system-card.selected{background:#f5faff;border:1.5px solid var(--blue);box-shadow:0 4px 14px #005eb809;padding:16.5px 22.5px 16.5px 12.5px}.system-illustration{width:86px;min-width:86px;height:86px;display:flex;align-items:center;justify-content:center;background:#f7f9fb;border-radius:9px}.selected .system-illustration{background:#e9f3fd}.system-illustration svg{width:86px;height:86px}.system-kicker{font-size:8px;letter-spacing:1px;color:#82909d;font-weight:650}.selected .system-kicker{color:var(--blue)}.system-card h3{font-size:15px;font-weight:800;color:var(--navy);margin:7px 0 5px;letter-spacing:-.4px}.system-card p{font-size:10px;color:#84919d;line-height:1.5}.selection-mark{width:14px;height:14px;border:1px solid #d3dde6;border-radius:50%;position:absolute;top:13px;right:13px;background:white}.selected .selection-mark{border-color:var(--blue);background:var(--blue)}.selected .selection-mark:after{content:'';position:absolute;left:4px;top:2px;width:3px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.workspace{display:grid;grid-template-columns:420px minmax(0,1fr);gap:24px;margin-top:30px;align-items:stretch}.config-panel{border:1px solid var(--line);border-radius:var(--radius);padding:25px 26px 21px;background:#fff;box-shadow:0 5px 24px #304d6a05}.config-panel .section-heading{margin-bottom:25px}.config-panel h2{font-size:16px;gap:9px}.icon-button{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;color:#97a5b2;border-radius:6px}.icon-button:hover{background:var(--blue-soft);color:var(--blue)}.icon-button svg{width:16px;height:16px}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.field-label-row label,.field-group>label{font-size:12px;font-weight:650;color:#3b5066}.unit-switch{display:flex;background:#f1f5f8;padding:3px;border-radius:6px;gap:2px}.unit-switch button{font-size:9px;padding:4px 9px;border-radius:4px;color:#85929f}.unit-switch .active{background:white;box-shadow:0 1px 4px #35495e15;color:var(--blue);font-weight:700}.dimensions{display:flex;align-items:flex-end;gap:12px}.dimensions>div{min-width:0;flex:1}.dimensions label{display:block;color:#8c98a5;font-size:10px;margin-bottom:7px}.number-field{display:flex;align-items:center;padding:0 13px;height:51px;gap:10px;border:1px solid #dfe6ee;border-radius:7px;transition:border-color .2s}.number-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0061bb0c}.number-field>span:first-child{color:#93a6b7}.number-field svg{width:16px;height:16px}.number-field input{width:100%;padding:0;border:0;background:transparent;font-size:19px;font-weight:600;color:#28445e;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.number-field input::-webkit-inner-spin-button{-webkit-appearance:none}.unit-label{font-size:11px;color:#9aa7b3}.multiply{margin-bottom:18px;font-size:15px;color:#bac4cf}.area-strip{display:flex;align-items:center;justify-content:space-between;background:#f4f8fc;border-radius:6px;padding:10px 13px;margin-top:12px}.area-strip>span{font-size:10px;color:#768a9d}.area-strip strong{font-size:14px;color:var(--blue);font-weight:700}.area-strip small{font-size:10px;font-weight:500}.field-group{margin-top:22px}.field-group>label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.help-button{border:1px solid #b8c4cf;color:#9aaab8;width:13px;height:13px;font-size:9px;border-radius:50%;padding:0;line-height:11px}.select-wrap{height:46px;border:1px solid #dfe6ee;border-radius:7px;display:flex;align-items:center;position:relative;padding-left:13px;gap:10px}.select-wrap>[data-icon]{color:#8499ad}.select-wrap svg{width:17px;height:17px}.select-wrap select{appearance:none;border:0;background:transparent;flex:1;color:#3f566b;font-size:12px;outline:none;width:100%;height:100%;padding-right:28px}.select-chevron{position:absolute;right:13px;pointer-events:none;color:#9ba8b5}.field-note{font-size:9px;color:#91a0ad;line-height:1.5;margin-top:7px}.waste-group{margin-top:23px}.waste-group .field-label-row{margin-bottom:12px}.waste-group output{padding:4px 9px;background:#edf5fd;color:var(--blue);font-size:12px;font-weight:700;border-radius:5px}.waste-group output span{font-size:9px;margin-left:2px}input[type=range]{display:block;appearance:none;width:100%;height:4px;border-radius:6px;background:linear-gradient(to right,var(--blue) 50%,#e7edf3 50%);margin:12px 0 13px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#fff;border:3px solid var(--blue);border-radius:50%;box-shadow:0 1px 5px #0061bb30}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#fff;border:3px solid var(--blue);border-radius:50%}.range-labels{display:flex;justify-content:space-between;color:#9aa7b3;font-size:9px}.calculate-button{width:100%;margin-top:27px;min-height:47px;justify-content:flex-start;font-size:12px}.calculate-button>[data-icon]:last-child{margin-left:auto}.live-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#96a2ae;margin-top:12px}.live-note>span{width:4px;height:4px;background:#40a98e;border-radius:50%}.visual-panel{position:relative;background:#f7f9fb;border:1px solid #e7edf3;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.visual-header{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.visual-label{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:650;letter-spacing:1.3px;color:#91a0ae}.visual-label svg{width:16px;height:16px;color:#7e94a9}.pill{border:1px solid #dce7f0;border-radius:20px;padding:6px 10px;font-size:9px;color:#5f809e;background:#fff9;white-space:nowrap}.blueprint{position:relative;flex:1;min-height:336px;background-image:radial-gradient(#cedce8 0.75px,transparent .75px);background-size:19px 19px;isolation:isolate;margin:0 20px}.blueprint:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#f7f9fb 76%);z-index:-1}.system-preview{position:absolute;inset:-4px 10% 17px;display:flex;justify-content:center;align-items:center;transition:transform .3s}.system-preview svg{width:100%;height:100%;max-height:350px;overflow:visible}.system-preview:hover{transform:translateY(-4px)}.preview-dimension{position:absolute;background:#fff;border:1px solid #e0e8ef;border-radius:5px;padding:5px 10px;color:#68839a;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 3px 8px #31577a06}.dim-height{top:47%;left:6%}.dim-width{bottom:27px;left:47%;transform:translateX(-50%)}.preview-annotation{position:absolute;right:4%;bottom:29%;display:flex;align-items:center;gap:9px;padding:9px 12px;background:#ffffffed;border:1px solid #e8eef4;border-radius:7px;box-shadow:0 4px 15px #2847660a}.preview-annotation>span{width:5px;height:5px;background:var(--blue);border-radius:50%}.preview-annotation b{font-size:9px;display:block;font-weight:600;color:#43607a}.preview-annotation small{display:block;font-size:8px;color:#98a8b7;margin-top:3px}.drawing-caption{position:absolute;bottom:1px;width:100%;text-align:center;font-size:8px;color:#a5b1bc;letter-spacing:.1px}.visual-footer{display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffc9;border-top:1px solid #e6edf3;margin-top:18px;padding:21px 10px}.visual-footer>div{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #e9eef3}.visual-footer>div:last-child{border:0}.stat-icon{color:#a1b2c1}.stat-icon svg{width:22px;height:22px;stroke-width:1.3}.visual-footer>div>span:last-child{color:#9caab7;font-size:8px}.visual-footer strong{display:block;color:#426480;font-size:17px;font-weight:650;margin-top:5px}.visual-footer small{font-size:9px;font-weight:500}.results-section{margin-top:43px;scroll-margin-top:25px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.results-heading p{font-size:11px;color:#98a5b1;margin:8px 0 0 39px}.result-actions{display:flex;gap:8px}.result-actions .button{font-size:10px;min-height:39px;padding:10px 15px}.result-actions svg{width:15px;height:15px}.results-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border:1px solid var(--line);border-radius:9px 9px 0 0;font-size:10px;background:#fbfcfd}.results-summary>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.results-summary strong{font-weight:650;color:#45617a}.results-summary span{color:#8798a7}.summary-separator{height:12px;width:1px;background:#dce5ed;margin:0 3px}#product-count{font-size:9px}.pending-note{display:flex;gap:10px;align-items:center;background:#fffcf4;border:1px solid #eee9d9;border-top:0;padding:12px 19px;color:#887449}.pending-note[hidden]{display:none}.pending-note svg{width:16px;height:16px}.pending-note p{font-size:10px;line-height:1.6;flex:1}.pending-note strong{font-weight:650}.pending-note button{font-size:10px;text-decoration:underline;white-space:nowrap}.table-container{border:1px solid var(--line);border-top:0;border-bottom:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:normal}thead{background:#f9fbfc}th{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:#8f9eab;padding:14px 20px;border-bottom:1px solid var(--line)}th:first-child{width:48%}th:nth-child(2){width:23%}td{font-size:11px;padding:16px 20px;border-bottom:1px solid #edf1f5;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}.material-cell{display:flex;align-items:center;gap:12px}.material-icon{width:33px;height:33px;border:1px solid #e7edf3;background:#f7faff;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6f94b4}.material-icon svg{width:18px;height:18px;stroke-width:1.3}.material-name{font-weight:550;color:#3c566e;line-height:1.5}.material-detail{font-size:9px;color:#95a4b2;line-height:1.6;margin-top:3px}.source-badge{font-size:9px;color:#8095a8}.number-column{text-align:right}.quantity{font-size:15px;font-weight:650;color:#426b90;font-variant-numeric:tabular-nums;white-space:nowrap}.pending-badge{font-size:9px;font-weight:500;white-space:nowrap;color:#9b8754;background:#fbf7ea;border:1px solid #f0e9d5;border-radius:5px;padding:5px 7px}.unit-cell{color:#94a4b2;font-size:10px;white-space:nowrap}.loading-row{padding:30px;text-align:center;color:var(--muted)}.results-bottom{border:1px solid var(--line);border-radius:0 0 9px 9px;display:flex;justify-content:space-between;gap:15px;padding:15px 19px;align-items:center}.results-bottom>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#98a6b3}.results-bottom svg{width:13px;height:13px}.results-bottom button{font-size:9px;color:var(--blue);white-space:nowrap}.assumptions{margin-top:15px;padding:0 5px;font-size:11px;color:#7e90a1}.assumptions summary{cursor:pointer;display:flex;justify-content:space-between;padding:10px 0;font-size:10px}.assumptions summary::-webkit-details-marker{display:none}.assumptions summary span{font-size:16px}.assumptions[open] summary span{transform:rotate(45deg)}.assumptions ul{padding-left:20px;font-size:10px;line-height:1.8;margin-top:7px;margin-bottom:12px}.assumptions .assumption-warning{color:#8f794f}.resource-banner{margin-top:42px;padding:27px 32px;background:#f5f8fb;border:1px solid #e8eef5;border-radius:12px;display:flex;align-items:center;gap:23px}.resource-icon{width:48px;height:48px;border:1px solid #dce8f3;background:#eef5fc;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.resource-icon svg{width:24px;height:24px;stroke-width:1.3}.resource-banner>div:nth-child(2){flex:1}.resource-banner span{font-size:8px;letter-spacing:1.5px;color:#86a1b9;font-weight:600}.resource-banner h3{font-size:17px;font-weight:700;color:#385875;margin-top:7px;letter-spacing:-.4px}.resource-banner p{font-size:10px;color:#99a7b5;margin-top:6px}.resource-banner button{font-size:10px}.resource-banner button svg{width:15px;height:15px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:32px 0;margin-top:32px;border-top:1px solid #edf1f5;gap:20px}.site-footer .brand{width:115px;height:37px}.site-footer .brand img{width:148px;left:-16px;top:-38px}.site-footer p{font-size:10px;color:#99a7b4;flex:1}.site-footer>span{font-size:9px;color:#a7b2bd}dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 100px #142d4830;color:var(--text);max-height:85vh;overflow:auto}dialog::backdrop{background:#142d4860;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}dialog h2{font-size:26px;margin-bottom:15px}#dialog-content{font-size:13px;line-height:1.8;color:#758799}#dialog-content p{margin-bottom:14px}#dialog-content ol,#dialog-content ul{padding-left:21px}#dialog-content li{margin:9px 0}#dialog-content strong{font-weight:650;color:#3d5973}.doc-link{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:15px;margin-top:10px;font-size:12px;color:#3f6383;background:#f8fbfe}.doc-link:hover{border-color:#78a8d2}.doc-link span{font-size:10px;color:#98a8b8}#save-form label{display:block;font-size:12px;margin-bottom:8px}#project-name{width:100%;border:1px solid var(--line);border-radius:7px;padding:13px;color:var(--text);margin-bottom:15px}.saved-project-row{display:flex;gap:10px;margin-top:9px}.saved-project-row button{flex:1;text-align:left;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px}.saved-project-row small{display:block;color:#9aa8b6;margin-top:3px}.saved-project-row .delete-project{flex:0;min-width:40px;text-align:center;color:#a76e6e}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;border-radius:10px;box-shadow:0 6px 25px #142d4830;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:all .25s;z-index:100;max-width:calc(100% - 30px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.form-error{margin-top:16px;padding:10px;border-radius:7px;background:#fff0ed;color:#a94736;font-size:11px;line-height:1.5}.skip-link{position:fixed;top:-80px;left:15px;background:var(--blue);color:white;padding:15px;z-index:100}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:30px;color:#a94736}.reference-image{max-height:270px;max-width:100%;object-fit:contain;display:block;margin:16px auto}.project-label{color:var(--blue);font-size:12px;padding-bottom:12px}.fade-in{animation:fadeIn .35s ease-out}@keyframes fadeIn{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:60px;padding-bottom:52px}.workspace{grid-template-columns:440px minmax(0,1fr)}}
@media(max-width:1160px){.page-width,.site-header{width:calc(100% - 64px)}.system-card{gap:8px;padding-left:8px}.system-card.selected{padding-left:7.5px}.system-illustration{width:65px;min-width:65px}.system-illustration svg{width:68px;height:75px}.system-card h3{font-size:14px}.system-card p{font-size:9px}.system-kicker{font-size:7px}.workspace{grid-template-columns:370px minmax(0,1fr);gap:20px}.config-panel{padding:23px 21px}.config-panel h2{font-size:15px}.hero-note{margin-right:0;width:280px}.visual-header{padding:23px 20px}.visual-label{font-size:7px;letter-spacing:.8px}.preview-annotation{right:0;bottom:27%}.dim-height{left:0}.system-preview{inset:5px 3% 26px}.visual-footer{padding:20px 2px}.visual-footer>div{gap:6px}.visual-footer .stat-icon svg{width:18px}.site-header nav{margin-left:0;gap:26px}}
@media(max-width:900px){.page-width,.site-header{width:calc(100% - 40px)}.site-header{height:85px}.site-header nav{gap:18px;font-size:11px}.site-header nav a,.site-header nav button{font-size:11px}.header-save{font-size:10px;padding:10px}.hero{padding-top:38px;gap:25px}.hero-note{width:240px;padding-left:20px}.hero-note p{font-size:12px}.mini-steps{gap:5px;font-size:8px}.hero h1{font-size:39px}.system-grid{gap:10px}.system-card{min-height:145px;flex-direction:column;align-items:flex-start;padding:12px 15px;gap:5px}.system-card.selected{padding:11.5px 14.5px}.system-illustration{width:50px;height:47px;min-width:50px;background:transparent!important}.system-illustration svg{height:53px;width:57px}.system-card h3{margin:5px 0}.workspace{grid-template-columns:340px minmax(0,1fr);gap:15px}.config-panel{padding:22px 19px}.config-panel h2{font-size:14px}.visual-header{padding:22px 15px;flex-wrap:wrap}.visual-label{width:100%}.visual-header .pill{display:none}.blueprint{margin:0 8px}.visual-footer{padding:20px 0}.visual-footer>div{gap:0}.visual-footer .stat-icon{display:none}.visual-footer strong{font-size:15px}.preview-annotation small{display:none}.preview-annotation{padding:7px}.dim-height{font-size:9px;padding:5px}.resource-banner{padding:23px;gap:15px}.resource-banner p{max-width:320px;line-height:1.6}.resource-banner .button{font-size:9px;padding:10px}}
@media(max-width:700px){.site-header{height:79px}.site-header .brand{width:130px;height:40px}.site-header .brand img{width:166px;left:-18px;top:-43px}.site-header nav{display:none}.header-save{font-size:9px;gap:7px;min-height:36px}.header-save svg{width:15px;height:15px}.hero{padding-top:32px;padding-bottom:30px;display:block}.hero h1{font-size:38px;letter-spacing:-1.7px;line-height:1.2;margin:15px 0}.hero p{font-size:12px}.hero-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.7px}h2{font-size:16px;gap:9px}.section-hint{display:none}.section-heading{margin-bottom:16px}.system-grid{gap:8px}.system-card{min-height:145px;padding:10px;gap:7px;border-radius:9px}.system-card.selected{padding:9.5px}.system-card h3{font-size:12px;letter-spacing:-.35px;line-height:1.4;max-width:70px}.system-card p{display:none}.system-kicker{font-size:6px;letter-spacing:.5px;line-height:1.4;display:block;max-width:75px}.selection-mark{width:11px;height:11px;right:9px;top:9px}.selected .selection-mark:after{left:3px;top:1px;height:5px;width:2px}.system-illustration{height:40px}.workspace{grid-template-columns:1fr;margin-top:22px;gap:18px}.config-panel{padding:22px}.config-panel h2{font-size:16px}.config-panel .section-heading{margin-bottom:22px}.field-label-row label,.field-group>label{font-size:12px}.field-note{font-size:10px}.number-field{height:54px}.visual-panel{min-height:398px}.visual-header{flex-wrap:nowrap;padding:18px 20px}.visual-label{font-size:8px;width:auto;letter-spacing:1px}.visual-header .pill{display:block}.blueprint{min-height:260px;margin:0 12px}.system-preview{inset:-12px 15% 0}.dim-height{left:9%;top:44%}.dim-width{bottom:13px}.preview-annotation{bottom:26%;right:3%}.preview-annotation small{display:block}.drawing-caption{bottom:-8px;font-size:7px}.visual-footer{margin-top:18px;padding:16px 8px}.visual-footer>div{gap:9px}.visual-footer .stat-icon{display:block}.visual-footer strong{font-size:17px}.results-section{margin-top:32px}.results-heading{display:block;margin-bottom:17px}.results-heading p{font-size:10px;margin-left:36px}.result-actions{margin-top:19px;justify-content:flex-end}.result-actions .button{font-size:10px}.results-summary{padding:13px;font-size:9px;gap:10px}.results-summary>div{gap:6px}.summary-separator{margin:0}.results-summary>span{display:none}.pending-note{padding:12px;align-items:flex-start;gap:8px}.pending-note p{font-size:9px}.pending-note button{display:none}th{font-size:8px;padding:11px 12px;letter-spacing:.3px}th:nth-child(2),td:nth-child(2){display:none}th:first-child{width:65%}th:nth-child(3){width:23%}td{padding:13px 12px;font-size:10px}.material-cell{gap:9px}.material-icon{width:27px;height:29px}.material-icon svg{width:15px}.material-name{font-size:10px}.material-detail{font-size:8px;line-height:1.5}.quantity{font-size:13px}.unit-cell{font-size:8px;white-space:normal}.pending-badge{font-size:8px;padding:4px}.results-bottom{padding:12px;display:block}.results-bottom>span{font-size:8px;line-height:1.6}.results-bottom button{margin-top:8px;font-size:9px}.resource-banner{margin-top:28px;padding:22px;flex-wrap:wrap;gap:15px}.resource-banner h3{font-size:16px}.resource-banner p{font-size:10px}.resource-banner .resource-icon{width:40px;height:40px}.resource-banner>div:nth-child(2){min-width:calc(100% - 60px)}.resource-banner .button{margin-left:55px;margin-top:2px;font-size:10px}.resource-banner span{font-size:7px}.site-footer{padding:24px 0;margin-top:24px;gap:14px;flex-wrap:wrap}.site-footer p{font-size:8px}.site-footer>span{width:100%;text-align:center;font-size:8px}.site-footer .brand{width:99px;height:31px}.site-footer .brand img{width:128px;left:-14px;top:-33px}dialog{padding:22px}dialog h2{font-size:23px}.toast{font-size:11px;width:max-content;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{font-family:Arial,sans-serif}.site-header{height:70px}.site-header nav,.header-save,.hero,.systems-section,.workspace,.result-actions,.resource-banner,.site-footer,.results-bottom button,.assumptions summary,dialog,.toast{display:none!important}.page-width{width:100%}.results-section{margin-top:15px}.results-heading p{margin-left:0}h2 .step{display:none}h2{font-size:22px}.pending-note{display:flex!important;font-size:10px}.table-container{overflow:visible}tr{break-inside:avoid}td{padding:9px 12px}th{padding:10px 12px}.material-detail{font-size:8px}.quantity{font-size:12px}.assumptions{display:block!important}.assumptions>div{display:block!important}.pending-note button{display:none}.source-badge{font-size:8px}th:nth-child(2),td:nth-child(2){display:table-cell!important}.brand{-webkit-print-color-adjust:exact;print-color-adjust:exact}.results-summary{padding:10px}.results-bottom>span{font-size:9px}}
.export-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 18px}.export-fields label{display:block;font-size:11px;font-weight:600;color:#425e78;margin-bottom:7px}.export-fields label span{font-size:9px;font-weight:400;color:#9aa9b7;margin-left:5px}.export-fields input{width:100%;padding:11px;border:1px solid #dfe7ef;border-radius:7px;color:#35536e;font-size:12px}.export-fields input::placeholder{color:#a8b3be}.export-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#f4f8fc;border-radius:7px;font-size:11px}.export-summary strong{color:#3a5c7a}.export-summary span{font-size:10px;color:#879daf}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.export-option{display:flex;flex-direction:column;align-items:flex-start;padding:20px 18px;border:1px solid #dce6f0;border-radius:12px;text-align:left;transition:border-color .2s,background .2s}.export-option:hover{border-color:#0061bb;background:#f5faff}.export-option>svg{width:29px;height:29px;color:#0061bb;stroke-width:1.4;margin-bottom:14px}.export-option>strong{font:700 14px Manrope,Arial,sans-serif!important;color:#173d61!important}.export-option>span{font-size:10px;color:#8b9aab;line-height:1.7;margin-top:7px}.export-option>b{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1px;color:#0061bb;margin-top:17px}.export-option>b svg{width:15px;height:15px}.export-note{font-size:10px!important;line-height:1.7!important;color:#96a5b4}.export-status{font-size:11px;color:#0061bb;line-height:1.6;min-height:18px}.export-status.error{color:#a94736}@media(max-width:480px){.export-fields{grid-template-columns:1fr;gap:12px}.export-summary{align-items:flex-start;flex-direction:column;gap:2px}.export-options{gap:9px}.export-option{padding:16px 13px}.export-option>strong{font-size:12px!important}.export-option>span{font-size:9px}}