#js-tool-container-pipe-water-weight-calculator .pww-app-container{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-pipe-water-weight-calculator .pww-input-card,#js-tool-container-pipe-water-weight-calculator .pww-results-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:18px}#js-tool-container-pipe-water-weight-calculator .pww-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}#js-tool-container-pipe-water-weight-calculator .pww-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}@media (max-width:768px){#js-tool-container-pipe-water-weight-calculator .pww-grid-2col,#js-tool-container-pipe-water-weight-calculator .pww-grid-3col{grid-template-columns:1fr}}#js-tool-container-pipe-water-weight-calculator .pww-distribution-box{display:flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px 16px}#js-tool-container-pipe-water-weight-calculator .pww-dist-header{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem}#js-tool-container-pipe-water-weight-calculator .pww-dist-tag{font-weight:700;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-pipe-water-weight-calculator .pww-dist-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;display:flex}#js-tool-container-pipe-water-weight-calculator .pww-bar-part.pipe{background:var(--accent-primary);transition:width 0.2s ease}#js-tool-container-pipe-water-weight-calculator .pww-bar-part.fluid{background:var(--success);transition:width 0.2s ease}#js-tool-container-pipe-water-weight-calculator .pww-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}#js-tool-container-pipe-water-weight-calculator .pww-res-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:100px}#js-tool-container-pipe-water-weight-calculator .pww-res-item.accent{border-left:4px solid var(--accent-primary);background:var(--accent-light)}#js-tool-container-pipe-water-weight-calculator .pww-res-row{display:flex;align-items:baseline;gap:6px}#js-tool-container-pipe-water-weight-calculator .pww-val{font-size:clamp(1.2rem,3vw,1.55rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-pipe-water-weight-calculator .pww-res-item.accent .pww-val{color:var(--accent-primary)}#js-tool-container-pipe-water-weight-calculator .pww-unit{font-size:0.85rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-pipe-water-weight-calculator .pww-sub-val{font-size:0.8rem;font-weight:600;color:var(--text-muted)}#js-tool-container-pipe-water-weight-calculator .pww-actions-bar{display:flex;justify-content:flex-end;border-top:1px solid var(--border-color);padding-top:14px}