:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26302d;background:#f5f4f0;font-size:14px;line-height:1.6;--accent:#c76a36;--muted:#92978f;--line:#dddfd7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#fafaf7;border-radius:6px;padding:10px 15px}button:hover{background:#eaece4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.6;cursor:wait}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid var(--line)}.logo{font-weight:750;font-size:21px;letter-spacing:-1px}.logo span{color:var(--accent)}.header-note{font-size:9px;letter-spacing:2px;color:var(--muted)}.contact{font-size:11px}.title{max-width:1280px;margin:35px auto 28px;display:flex;justify-content:space-between;gap:30px;padding:0 30px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--accent);font-weight:600}h1{font-size:36px;line-height:1.18;letter-spacing:-1px;font-weight:500;margin:16px 0}h1 span{color:#8c958b}.title p:last-child{font-size:11px;color:#8b9488}.reference{padding:0;overflow:hidden;background:white;align-self:center;width:144px}.reference img{width:100%;height:94px;object-fit:contain;display:block}.reference span{display:block;font-size:9px;padding:6px 10px;color:#75806f}.tabbar{max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.tabbar button{background:none;border:0;border-radius:0;border-bottom:2px solid transparent;padding:14px 0;color:#a1a698;font-size:10px;display:flex;gap:10px}.tabbar button span{font-size:13px}.tabbar button.selected{border-bottom-color:var(--accent);color:#354736}.model-size{margin-left:auto;color:#8c9686;font-size:11px}main{max-width:1220px;margin:0 auto}#model-panel{display:grid;grid-template-columns:minmax(0,1fr) 284px;min-height:570px}.viewer{position:relative;min-height:570px}.settings{padding:28px 0 25px 28px;border-left:1px solid var(--line)}h2{font-size:24px;letter-spacing:-.6px;font-weight:500;margin:7px 0 12px}.muted{font-size:11px;color:#909988;line-height:1.7}.settings form{margin:24px 0}.settings form label,.work label{display:flex;align-items:center;justify-content:space-between;margin:9px 0;font-size:12px}.settings input[type=number],.work input,.price{width:95px;border:1px solid var(--line);border-radius:5px;padding:9px;background:#fffdf8;color:#32412f;text-align:right}.primary{background:#314d3b;color:white;border-color:#314d3b}.primary:hover{background:#47644e}.settings .primary{width:100%;font-size:11px;margin-top:13px}.drawer-control{border-top:1px solid var(--line);padding-top:18px}.drawer-control label{display:flex;justify-content:space-between;font-size:11px}.drawer-control output{color:var(--muted)}input[type=range]{width:100%;accent-color:#546c4e;margin:16px 0}.material-pills{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 25px}.material-pills span{font-size:9px;padding:4px 7px;border:1px solid var(--line);border-radius:20px;color:#85927d}.downloads{display:flex;gap:7px}.downloads button{font-size:11px;flex:1}.small{font-size:10px;color:#939d8b;line-height:1.8}.settings .small{margin-top:14px}.view-actions{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap;padding:5px;background:#ffffffb8;border-radius:9px;box-shadow:0 5px 25px #31452d0a}.view-actions button{font-size:10px;padding:8px 12px;border:0;background:transparent}.view-actions button.on{background:#e2e9da}.controls-hint{position:absolute;bottom:6px;left:0;width:100%;text-align:center;font-size:9px;color:#94a08a}#canvas{position:absolute;inset:0}#canvas canvas{display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dimension{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:10px;padding:3px 7px;background:#f6f7f1df;color:#718167;border-radius:3px}#loading{position:absolute;top:45%;left:38%;color:#8d9785}#model-status{font-size:11px;color:#ad623a}#estimate-panel{padding:32px 0 45px}.estimate-intro{display:flex;gap:40px;justify-content:space-between;align-items:start}.estimate-intro p{max-width:660px;color:#8d9687;font-size:12px}.estimate-intro .eyebrow{color:var(--accent)}.total-card{background:#314d3b;color:white;min-width:290px;padding:22px 26px;border-radius:10px}.total-card span{font-size:11px;opacity:.65}.total-card strong{display:block;font-size:34px;font-weight:500;margin:8px 0}.total-card small{font-size:9px;opacity:.65;display:block;max-width:250px}.notice{margin:25px 0;background:#f1eadd;border:1px solid #e7ddc9;border-radius:7px;padding:16px 20px;color:#8e7658;font-size:11px}.notice p{margin:6px 0 0;line-height:1.8}.estimate-tools{display:flex;gap:8px;margin:24px 0}.estimate-tools button{font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:500;font-size:10px;color:#929b88;white-space:nowrap}th,td{padding:15px 13px;border-bottom:1px solid var(--line)}td:first-child{min-width:290px}td small{display:block;color:#9aA08f;font-size:10px;max-width:520px;margin-top:5px}td strong{font-weight:500}td .price{width:95px;padding:7px}.source-link{color:#477754;text-decoration:underline;text-underline-offset:3px;font-size:10px}.badge{font-size:9px;color:#ab8a5c}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.bottom-grid>section{padding:25px;border:1px solid var(--line);border-radius:9px}.bottom-grid h3{font-size:19px;font-weight:500;margin:10px 0 23px}.work label{font-size:11px}.work .grand{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.grand strong{font-size:23px;font-weight:500}.assumptions ul{padding-left:17px;color:#808d76;font-size:11px;line-height:1.9}.assumptions li{margin-bottom:10px}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:13px}summary span{color:#8f9e81;font-size:11px;margin-left:12px}.bar-row{margin:15px 0}.bar-label{font-size:10px;color:#8e9982;margin-bottom:5px}.bar{height:33px;background:#e5e8dc;display:flex;gap:1px;border-radius:3px;overflow:hidden}.bar span{display:flex;align-items:center;justify-content:center;color:white;background:#5b7163;font-size:9px;border-right:2px solid #f5f4f0}.sheet{margin-top:18px;max-width:650px}.sheet svg{display:block;width:100%;height:auto;background:#e8e9df}.sheet text{font-size:22px;fill:#2d3d30}.sheet p{font-size:11px;color:#8f9985}footer{max-width:1220px;margin:0 auto;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8c9584}dialog{border:0;border-radius:12px;background:white;max-width:90vw;padding:15px}dialog::backdrop{background:#1d2d25bd}dialog img{max-width:80vw;max-height:80vh;display:block}dialog button{display:block;margin-left:auto;background:white;font-size:11px}[hidden]{display:none!important}@media(max-width:1280px){main,.tabbar,footer{margin-left:30px;margin-right:30px}.title{padding:0;margin-left:30px;margin-right:30px}}@media(max-width:850px){h1{font-size:29px}#model-panel{grid-template-columns:1fr 240px}.settings{padding-left:18px}.viewer{min-height:590px}.view-actions button{padding:8px;font-size:9px}.controls-hint{font-size:8px;padding:0 10px}.estimate-intro{display:block}.total-card{margin-top:20px;max-width:350px}.bottom-grid{grid-template-columns:1fr}.model-size{display:none}}@media(max-width:600px){header{padding:17px 20px}.header-note{display:none}.logo{font-size:18px}.title{margin:24px 20px 15px;gap:12px}h1{font-size:25px}.title p:last-child{font-size:10px}.reference{width:90px;flex-shrink:0}.reference img{height:70px}.reference span{font-size:8px;padding:5px}.eyebrow{font-size:8px}.tabbar,main,footer{margin-left:20px;margin-right:20px}.tabbar{gap:22px}.tabbar button span{font-size:12px}#model-panel{display:flex;flex-direction:column}.viewer{min-height:430px}.settings{border-left:0;border-top:1px solid var(--line);padding:22px 0}.settings form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings form label{display:block;font-size:10px}.settings form input{width:100%;margin-top:5px}.settings .primary{grid-column:1/-1}.settings .muted{max-width:350px}.view-actions{bottom:35px}.view-actions button{font-size:9px}.controls-hint{bottom:0;line-height:1.5}.estimate-tools{flex-wrap:wrap;gap:6px}.estimate-tools button{font-size:10px}.bottom-grid>section{padding:20px}.total-card{max-width:none}.estimate-intro h2{font-size:24px}.notice{padding:15px}.bottom-grid{gap:15px}footer{gap:15px;flex-wrap:wrap}.reference span{line-height:1.3}.sheet text{font-size:26px}}@media print{header,.title,.tabbar,#model-panel,.estimate-tools,footer,dialog{display:none!important}#estimate-panel[hidden]{display:block!important}#estimate-panel{padding:0}.notice{background:none}.table-wrap{overflow:visible}main{margin:0}.bottom-grid{display:block}.total-card{background:white;color:black;border:1px solid #ccc}details{display:block}body{background:white}input{border:0!important}a{color:black}.source-link:after{content:' (' attr(href) ')';font-size:7px;overflow-wrap:anywhere}.bottom-grid>section{break-inside:avoid}tr{break-inside:avoid}}