.hrp-tool{flex-direction:column;gap:1rem;display:flex}.hrp-mode-picker{background:var(--bg-surface);border:1px solid var(--border);border-radius:.5rem;gap:.5rem;padding:.25rem;display:flex}@media (width<=640px){.hrp-mode-picker{flex-direction:column}}.hrp-mode-picker .hrp-mode-btn{color:var(--text-dim);cursor:pointer;white-space:normal;word-break:break-word;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s}.hrp-mode-picker .hrp-mode-btn.active{background:var(--accent);color:#fff;font-weight:600}.hrp-control-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.hrp-input-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<=640px){.hrp-input-grid{grid-template-columns:1fr}}.hrp-field{flex-direction:column;gap:.375rem;display:flex}.hrp-field label{color:var(--text);font-size:.875rem;font-weight:600}.hrp-field-row{align-items:center;gap:.5rem;display:flex}.hrp-field-row input[type=range]{flex:1}.hrp-field-row input[type=number]{border:1px solid var(--border);background:var(--bg-surface);width:5rem;color:var(--text);text-align:right;border-radius:.375rem;padding:.375rem .5rem;font-size:.9rem}.hrp-readout-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}@media (width>=640px){.hrp-readout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hrp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.hrp-card.highlight{border-color:var(--accent);background:#3b82f60d}.hrp-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.8rem}.hrp-card-val{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2}.hrp-card-sub{color:var(--text-dim);font-size:.75rem}