#js-tool-container-paint-colorant-tinting-calculator .pct-app-layout{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-paint-colorant-tinting-calculator .pct-controls-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-paint-colorant-tinting-calculator .pct-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){#js-tool-container-paint-colorant-tinting-calculator .pct-grid-2col{grid-template-columns:1fr}}#js-tool-container-paint-colorant-tinting-calculator .pct-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:16px}#js-tool-container-paint-colorant-tinting-calculator .pct-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}#js-tool-container-paint-colorant-tinting-calculator .pct-res-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}#js-tool-container-paint-colorant-tinting-calculator .pct-val-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px}#js-tool-container-paint-colorant-tinting-calculator .pct-num-main,#js-tool-container-paint-colorant-tinting-calculator .pct-num-sub{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-paint-colorant-tinting-calculator .pct-num-accent{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-paint-colorant-tinting-calculator .pct-num-success{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:800;color:var(--success);font-variant-numeric:tabular-nums}#js-tool-container-paint-colorant-tinting-calculator .pct-unit{font-size:0.85rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-paint-colorant-tinting-calculator .pct-alert-box{padding:12px 16px;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600;line-height:1.45;background:var(--warning-light);border:1px solid var(--warning);color:var(--text-primary)}