#js-tool-container-ceresit-grout-calculator .cgc-app-wrap{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-ceresit-grout-calculator .cgc-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-ceresit-grout-calculator .cgc-preset-bar{border-bottom:1px solid var(--border-color);padding-bottom:14px}#js-tool-container-ceresit-grout-calculator .cgc-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}#js-tool-container-ceresit-grout-calculator .cgc-results-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;min-height:140px;display:flex;flex-direction:column;gap:16px}#js-tool-container-ceresit-grout-calculator .cgc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}#js-tool-container-ceresit-grout-calculator .cgc-res-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}#js-tool-container-ceresit-grout-calculator .cgc-val-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}#js-tool-container-ceresit-grout-calculator .cgc-num-primary{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-ceresit-grout-calculator .cgc-num-accent{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-ceresit-grout-calculator .cgc-num-secondary{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}#js-tool-container-ceresit-grout-calculator .cgc-unit{font-size:0.85rem;font-weight:600;color:var(--text-muted)}#js-tool-container-ceresit-grout-calculator .cgc-packs-breakdown{background:var(--accent-light);border:1px solid var(--border-focus);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:8px}#js-tool-container-ceresit-grout-calculator .cgc-packs-tags{display:flex;flex-wrap:wrap;gap:10px}#js-tool-container-ceresit-grout-calculator .cgc-pack-badge{background:var(--bg-secondary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:700;color:var(--accent-primary)}#js-tool-container-ceresit-grout-calculator .cgc-error-box{padding:12px 16px;background:var(--danger-light);border-left:4px solid var(--danger);border-radius:var(--radius-sm);color:var(--text-primary);font-size:0.9rem}