#js-tool-container-tile-grout-calculator .tgc-calculator-layout{display:flex;flex-direction:column;gap:24px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-tile-grout-calculator .tgc-input-pane{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:16px}#js-tool-container-tile-grout-calculator .tgc-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:680px){#js-tool-container-tile-grout-calculator .tgc-grid-2col{grid-template-columns:1fr}}#js-tool-container-tile-grout-calculator .tgc-output-pane{display:flex;flex-direction:column;gap:20px}#js-tool-container-tile-grout-calculator .tgc-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}#js-tool-container-tile-grout-calculator .tgc-card-res{background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}#js-tool-container-tile-grout-calculator .tgc-val-box{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px}#js-tool-container-tile-grout-calculator .tgc-num-primary{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-tile-grout-calculator .tgc-num-muted{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums}#js-tool-container-tile-grout-calculator .tgc-num-success{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:var(--success);font-variant-numeric:tabular-nums}#js-tool-container-tile-grout-calculator .tgc-unit{font-size:0.85rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-tile-grout-calculator .tgc-packs-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px}#js-tool-container-tile-grout-calculator .tgc-packs-header{border-bottom:1px solid var(--border-color);padding-bottom:6px}#js-tool-container-tile-grout-calculator .tgc-packs-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}#js-tool-container-tile-grout-calculator .tgc-pack-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:0.875rem}#js-tool-container-tile-grout-calculator .tgc-pack-label{color:var(--text-secondary);font-weight:600}#js-tool-container-tile-grout-calculator .tgc-pack-val{font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}