.hha-wrap{display:flex;flex-direction:column;min-width:0;min-height:0;gap:.65rem}.hha-input-section{display:flex;flex-direction:column;flex:none;min-width:0;min-height:0;gap:.45rem}.hha-control,.hha-label-row{display:inline-flex;align-items:center;min-width:0;gap:.4rem}.hha-label-row{flex:none}.hha-label-row .tool-label,.hha-control .tool-label{margin:0}#hha-status{flex:none;height:3rem;min-height:3rem;margin:0;overflow:auto}.hha-empty,.hha-privacy{flex:none;margin:0;font-size:.82rem;line-height:1.5;color:var(--color-text-secondary);overflow-wrap:anywhere}.hha-empty{display:none}.hha-wrap:has(.hha-result[hidden]) .hha-empty{display:block}.hha-wrap:has(.hha-result[hidden]) .hha-input-section{flex:1 1 0}.hha-wrap:has(.hha-result[hidden]) #hha-input{flex:1 1 0;height:auto;min-height:180px}.hha-example-select{min-height:40px;max-width:100%;padding:.25rem .6rem;font-size:.82rem;font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-surface-muted);border-radius:var(--radius-pill);border:0;box-shadow:inset 0 0 0 1px var(--color-border-soft);cursor:pointer;transition:color var(--transition-fast),box-shadow var(--transition-fast)}.hha-example-select:hover{color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 45%,transparent)}.hha-example-select:focus{outline:none;box-shadow:inset 0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}#hha-input{flex:none;height:180px;min-height:0;resize:none;overflow:auto}.hha-actions{flex:none;display:flex;gap:.5rem;flex-wrap:wrap}.hha-result{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;gap:.75rem}.hha-summary{flex:none;min-width:0;max-height:4rem;overflow:auto;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.hha-summary-pill{display:inline-flex;align-items:center;max-width:100%;min-width:0;overflow:auto;white-space:nowrap;gap:.35rem;padding:.22rem .7rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-size:.78rem;font-weight:700;color:var(--color-text-secondary);font-family:var(--font-mono)}.hha-summary-pill[hidden]{display:none}.hha-summary-pill[data-kind=response],.hha-summary-pill[data-kind=ok]{color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 45%,transparent);background:var(--color-primary-light)}.hha-summary-pill[data-kind=request]{color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent) 45%,transparent);background:color-mix(in oklch,var(--color-accent) 18%,var(--color-bg-secondary))}.hha-summary-pill[data-kind=warn]{color:var(--color-danger);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger) 45%,transparent);background:color-mix(in oklch,var(--color-danger) 14%,var(--color-bg-secondary))}.hha-view-row{flex:none;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hha-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-soft)}.hha-tab{padding:.45rem 1rem;font-size:.86rem;font-weight:660;color:var(--color-text-secondary);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.hha-tab:hover{color:var(--color-text)}.hha-tab.hha-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.hha-panel{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;overflow:auto;gap:.75rem}.hha-panel[hidden],.hha-result[hidden]{display:none}.hha-cat-section{flex:none;min-width:0;display:flex;flex-direction:column;gap:.5rem}.hha-cat-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text);margin:0;display:flex;align-items:center;gap:.5rem;letter-spacing:.005em}.hha-cat-count{font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.hha-status-line{flex:none;overflow-wrap:anywhere;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.hha-status-line code{font-family:var(--font-mono);font-size:.86rem;color:var(--color-text)}.hha-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);outline:1px solid var(--color-border-soft);outline-offset:-1px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.4rem}.hha-card-head{display:flex;align-items:center;gap:.5rem}.hha-h-name{font-family:var(--font-mono);font-size:.86rem;font-weight:700;color:var(--color-primary);word-break:break-all}.hha-h-value code{font-family:var(--font-mono);font-size:.82rem;color:var(--color-text);word-break:break-all;line-height:1.45}.hha-h-desc{font-size:.82rem;color:var(--color-text-secondary);margin:0;line-height:1.55}.hha-hints{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.hha-hint{font-size:.78rem;line-height:1.5;padding:.4rem .6rem;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.hha-hint strong{font-weight:760}.hha-hint-warn{color:var(--color-danger);background:color-mix(in oklch,var(--color-danger) 10%,var(--color-bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger) 45%,transparent)}.hha-hint-info{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.hha-hint-ok{color:var(--color-success);background:color-mix(in oklch,var(--color-success) 10%,var(--color-bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-success) 40%,transparent)}.hha-pre{flex:none;min-width:0;margin:0;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-family:var(--font-mono);font-size:.82rem;color:var(--color-text);line-height:1.55;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:860px){.hha-input-section,.hha-wrap:has(.hha-result[hidden]) .hha-input-section{flex:none}#hha-input,.hha-wrap:has(.hha-result[hidden]) #hha-input{flex:none;height:140px;min-height:0}.hha-result{flex:none;height:24rem}.hha-wrap:has(.hha-result[hidden]) .hha-empty{display:none}}@media(max-width:640px){.hha-example-select{min-height:44px}.hha-result{height:22rem}.hha-view-row{gap:.4rem}.hha-tab{min-height:44px;padding:.5rem .65rem;font-size:.82rem}.hha-cat-title{font-size:.95rem}}
