.hw-mode-toggle{width:min(100%,30rem);min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius,6px);background:var(--bg-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:inline-grid;overflow:hidden}.hw-mode-toggle .hw-mode-btn{width:100%;min-height:var(--control-h);color:var(--text-dim);background:0 0;border:0;border-radius:0;font-weight:650}.hw-mode-toggle .hw-mode-btn+.hw-mode-btn{border-left:1px solid var(--border)}.hw-mode-toggle .hw-mode-btn:hover:not(.active){background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text)}.hw-mode-toggle .hw-mode-btn.active{background:var(--accent);color:#fff;box-shadow:inset 0 -3px #00000038}.hw-input-group[hidden]{display:none}.hw-even-row .field{flex:7rem;min-width:6.5rem}#hw-svg{background:var(--bg-surface);border-radius:6px;width:100%;max-height:300px;display:block}.hw-legend{flex-wrap:wrap;justify-content:center;gap:.35rem .9rem;margin-top:.55rem;display:flex}.hw-leg-item{color:var(--text-dim);white-space:nowrap;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.hw-leg-swatch{border-radius:3px;flex:none;width:.85rem;height:.85rem}.hw-chi-table{font-variant-numeric:tabular-nums;gap:2px 0;margin:.55rem 0;display:grid}.hw-chi-table>div{border-radius:6px;grid-template-columns:minmax(5.5rem,1fr) repeat(3,minmax(0,1fr));align-items:center;gap:.4rem;padding:.3rem .5rem;display:grid}.hw-chi-table>div:first-child{color:var(--text-dim);font-size:.82rem}.hw-chi-table>div:not(:first-child){background:color-mix(in srgb, var(--accent) 6%, transparent)}.hw-chi-table span,.hw-chi-table strong{text-align:right}.hw-chi-table>div>span:first-child,.hw-chi-table>div>strong:first-child{text-align:left;color:var(--text-dim);font-weight:600}.hw-note{background:color-mix(in srgb, #f97316 9%, var(--bg-surface));border-color:#fed7aa}.hw-note span{color:var(--text)}@media (width<=560px){.hw-mode-toggle{width:100%}}.tool-container,[class*=-container],[class*=-card],[class*=-shell],[class*=-wrapper],[class*=-grid]{box-sizing:border-box;max-width:100%}*{box-sizing:border-box}