.material-calculator .material-fields{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.material-calculator .material-description{grid-column:span 2}.material-calculator .cost-input-grid input,.material-calculator .cost-input-grid select{border:1px solid var(--line);background:var(--card,#fff);width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:9px 10px}.material-calculator .material-result-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;margin-top:18px;display:grid}.material-calculator .manual-material-fields{grid-template-columns:2fr 1fr 1fr 1fr auto;margin-top:16px}.material-calculator .cost-toolbox>.cost-card-head{padding:0 0 14px}.material-calculator .material-status:empty{display:none}.material-calculator .material-detail{max-width:260px;color:var(--muted);margin-top:5px;font-size:11px}.material-calculator .material-detail summary{cursor:pointer}.material-calculator .material-copy-fallback{gap:8px;font-size:13px;font-weight:700;display:grid}.material-calculator .material-copy-fallback textarea{border:1px solid var(--line);background:var(--card,#fff);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:12px}.material-calculator :is(input,select,button,textarea,summary):focus-visible{outline-offset:2px;outline:3px solid #478abf}.material-calculator .cost-result strong{overflow-wrap:anywhere}:root[data-theme=dark] .material-calculator .cost-input-grid input,:root[data-theme=dark] .material-calculator .cost-input-grid select,:root[data-theme=dark] .material-copy-fallback textarea{color:var(--ink);background:#111a27}@media (width<=1080px){.material-calculator .manual-material-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.material-calculator .manual-material-fields>label:first-child{grid-column:span 2}}@media (width<=760px){.material-calculator .material-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.material-calculator .material-result-row{grid-template-columns:1fr 1fr}.material-calculator .material-result-row>button{grid-column:1/-1}.material-calculator .cost-workspace-grid{min-width:0}}@media (width<=460px){.material-calculator .material-fields,.material-calculator .manual-material-fields,.material-calculator .material-result-row{grid-template-columns:1fr}.material-calculator .material-description,.material-calculator .manual-material-fields>label:first-child{grid-column:auto}}