#ph-canvas{border-radius:var(--radius);width:100%;height:200px;margin-bottom:1.25rem;display:block}.ph-body{align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}@media (width<=600px){.ph-body{flex-direction:column;gap:1rem}}.ph-inputs{flex-direction:column;flex:240px;gap:.75rem;display:flex}.ph-mode-row{flex-wrap:wrap;gap:.5rem;display:flex}.ph-mode-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.ph-mode-btn:hover{background:var(--bg-hover);color:var(--text)}.ph-mode-btn.active{color:#fff;background:#f97316;border-color:#f97316;font-weight:600}.ph-slider-wrap{flex-direction:column;gap:.4rem;display:flex}.ph-slider-label{color:var(--text-dim);font-size:.875rem}.ph-slider-row{align-items:center;gap:.6rem;display:flex}.ph-slider-row input[type=range]{accent-color:#f97316;flex:1}.ph-slider-val{font-variant-numeric:tabular-nums;min-width:3rem;color:var(--text);font-size:.95rem;font-weight:600}.ph-conc-wrap{flex-direction:column;gap:.4rem;display:flex}.ph-conc-label{color:var(--text-dim);font-size:.875rem}.ph-conc-input{width:100%;padding:var(--control-pad-y) var(--control-pad-x);height:var(--control-h);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--control-fs);font-family:var(--font-mono)}.ph-conc-input:focus{border-color:#f97316;outline:none}.ph-error{color:#f87171;font-size:.8rem}.ph-results{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:200px;gap:.5rem;padding:.85rem 1rem;display:flex}.ph-result-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.35rem;font-size:.9rem;display:flex}.ph-result-row:last-of-type{border-bottom:none;padding-bottom:0}.ph-result-row>span:first-child{color:var(--text-dim);white-space:nowrap;font-size:.85rem}.ph-result-row>span:last-child{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;font-weight:600;font-family:var(--font-mono);font-size:.85rem}.ph-badge{letter-spacing:.06em;text-align:center;border-radius:999px;align-self:flex-start;margin-top:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.ph-badge.acid{color:#f87171;background:#cc00002e;border:1px solid #c006}.ph-badge.neutral{color:#4ade80;background:#00aa4426;border:1px solid #00aa4459}.ph-badge.base{color:#60a5fa;background:#0066cc2e;border:1px solid #06c6}#ph-formula{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;overflow-x:auto}.ph-spock-body{flex-direction:column;gap:.6rem;display:flex}.ph-disclaimer{color:var(--text-dim);border-top:1px solid var(--border);margin-top:.25rem;padding-top:.5rem;font-size:.82rem}.tool-container,[class*=-container],[class*=-card],[class*=-shell],[class*=-wrapper],[class*=-grid]{box-sizing:border-box;max-width:100%}*{box-sizing:border-box}