#js-tool-container-wall-paint-consumption-calculator .wpc-app-container{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-wall-paint-consumption-calculator .wpc-input-panel{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-wall-paint-consumption-calculator .wpc-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}#js-tool-container-wall-paint-consumption-calculator .wpc-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width:680px){#js-tool-container-wall-paint-consumption-calculator .wpc-grid-2col,#js-tool-container-wall-paint-consumption-calculator .wpc-grid-3col{grid-template-columns:1fr}}#js-tool-container-wall-paint-consumption-calculator .wpc-output-panel{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-wall-paint-consumption-calculator .wpc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}#js-tool-container-wall-paint-consumption-calculator .wpc-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}#js-tool-container-wall-paint-consumption-calculator .wpc-card-accent{border-left:4px solid var(--accent-primary);background:var(--accent-light)}#js-tool-container-wall-paint-consumption-calculator .wpc-card-val{font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-wall-paint-consumption-calculator .wpc-unit{font-size:0.85rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-wall-paint-consumption-calculator .wpc-cans-recommendation{border-top:1px solid var(--border-color);padding-top:16px;display:flex;flex-direction:column;gap:12px}#js-tool-container-wall-paint-consumption-calculator .wpc-cans-flex{display:flex;flex-wrap:wrap;gap:10px}#js-tool-container-wall-paint-consumption-calculator .wpc-can-chip{background:var(--accent-light);border:1px solid var(--border-focus);border-radius:var(--radius-sm);padding:8px 14px;font-size:0.9rem;font-weight:700;color:var(--accent-primary)}