#js-tool-container-cement-screed-calculator .csc-app-layout{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-cement-screed-calculator .csc-form-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}#js-tool-container-cement-screed-calculator .csc-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}#js-tool-container-cement-screed-calculator .csc-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){#js-tool-container-cement-screed-calculator .csc-grid-3col,#js-tool-container-cement-screed-calculator .csc-grid-2col{grid-template-columns:1fr}}#js-tool-container-cement-screed-calculator .csc-results-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px}#js-tool-container-cement-screed-calculator .csc-section-title{font-size:0.85rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent-primary);border-bottom:1px solid var(--border-color);padding-bottom:6px}#js-tool-container-cement-screed-calculator .csc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}#js-tool-container-cement-screed-calculator .csc-res-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:4px}#js-tool-container-cement-screed-calculator .csc-res-val-wrap{display:flex;align-items:baseline;justify-content:space-between;gap:4px}#js-tool-container-cement-screed-calculator .csc-val-accent{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-cement-screed-calculator .csc-val-primary{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-cement-screed-calculator .csc-val-success{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;color:var(--success);font-variant-numeric:tabular-nums}#js-tool-container-cement-screed-calculator .csc-unit{font-size:0.8rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-cement-screed-calculator .csc-visual-bar-wrap{margin-top:10px;display:flex;flex-direction:column;gap:6px;background:var(--bg-tertiary);padding:12px;border-radius:var(--radius-sm)}#js-tool-container-cement-screed-calculator .csc-bar-label{font-size:0.775rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-cement-screed-calculator .csc-progress-track{width:100%;height:12px;background:var(--border-color);border-radius:var(--radius-sm);overflow:hidden;display:flex}#js-tool-container-cement-screed-calculator .csc-bar-seg{height:100%;transition:width 0.3s ease}#js-tool-container-cement-screed-calculator .seg-cement{background:var(--accent-primary)}#js-tool-container-cement-screed-calculator .seg-sand{background:var(--warning)}#js-tool-container-cement-screed-calculator .seg-water{background:var(--success)}#js-tool-container-cement-screed-calculator .csc-legend{display:flex;gap:16px;font-size:0.775rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-cement-screed-calculator .csc-leg-item{display:flex;align-items:center;gap:6px}#js-tool-container-cement-screed-calculator .csc-dot{width:8px;height:8px;border-radius:50%}#js-tool-container-cement-screed-calculator .dot-cement{background:var(--accent-primary)}#js-tool-container-cement-screed-calculator .dot-sand{background:var(--warning)}#js-tool-container-cement-screed-calculator .dot-water{background:var(--success)}