.hth[data-v-1a36b484]{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.hth-toolbar[data-v-1a36b484],.hth-channel-head[data-v-1a36b484],.hth-output[data-v-1a36b484],.hth-alpha-controls[data-v-1a36b484],.hth-presets[data-v-1a36b484],.hth-opacity[data-v-1a36b484]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hth-eyebrow[data-v-1a36b484],.hth-output-label[data-v-1a36b484]{color:var(--text);margin:0;font-size:.875rem;font-weight:700}.hth-hint[data-v-1a36b484]{color:var(--muted);margin:.2rem 0 0;font-size:.8125rem}.hth-actions[data-v-1a36b484]{gap:.5rem;display:flex}.hth-btn[data-v-1a36b484],.hth-copy[data-v-1a36b484]{border-radius:var(--radius-button);cursor:pointer;min-height:2.75rem;padding:.5rem .85rem;font-size:.9375rem;font-weight:600}.hth-btn[data-v-1a36b484]{border:1px solid var(--border-strong);background:var(--elevated);color:var(--text)}.hth-btn[data-v-1a36b484]:hover:not(:disabled){border-color:var(--accent)}.hth-btn[data-v-1a36b484]:disabled{cursor:default;opacity:.45}.hth-copy[data-v-1a36b484]{border:1px solid var(--accent);background:var(--accent);min-width:5.2rem;color:var(--accent-fg)}.hth-copy[data-v-1a36b484]:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-fg)}.hth-grid[data-v-1a36b484]{grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);align-items:start;gap:1rem;display:grid}.hth-panel[data-v-1a36b484],.hth-result[data-v-1a36b484]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-width:0;padding:1rem}.hth-panel[data-v-1a36b484]{flex-direction:column;gap:1rem;display:flex}.hth-label[data-v-1a36b484]{color:var(--muted);font-size:.8125rem;font-weight:600}.hth-text[data-v-1a36b484],.hth-number[data-v-1a36b484],.hth-opacity input[data-v-1a36b484]{border:1px solid var(--border-strong);border-radius:var(--radius-input);background:var(--input);color:var(--text)}.hth-text[data-v-1a36b484]{width:100%;min-height:2.75rem;padding:.55rem .75rem;font:600 .9375rem/1.3 ui-monospace,monospace}.hth-channels[data-v-1a36b484]{flex-direction:column;gap:.75rem;display:flex}.hth-channel[data-v-1a36b484]{flex-direction:column;gap:.3rem;display:flex}.hth-number-wrap[data-v-1a36b484]{color:var(--muted);align-items:center;gap:.3rem;display:flex}.hth-number[data-v-1a36b484],.hth-opacity input[data-v-1a36b484]{text-align:right;font-variant-numeric:tabular-nums;width:5rem;min-height:2.5rem;padding:.4rem .55rem}.hth-range[data-v-1a36b484]{width:100%;min-height:2.75rem;accent-color:var(--accent);cursor:pointer}.hth-alpha[data-v-1a36b484]{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;padding-top:.8rem;display:flex}.hth-check[data-v-1a36b484]{min-height:2.75rem;color:var(--text);align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;display:flex}.hth-alpha-controls[data-v-1a36b484]{flex-direction:column;align-items:stretch}.hth-error[data-v-1a36b484],.hth-empty[data-v-1a36b484]{border-radius:var(--radius-input);margin:0;padding:.65rem .75rem;font-size:.8125rem}.hth-error[data-v-1a36b484]{border:1px solid var(--badge-fail);color:var(--badge-fail)}.hth-empty[data-v-1a36b484]{border:1px dashed var(--border-strong);color:var(--muted)}.hth-presets[data-v-1a36b484]{flex-wrap:wrap;justify-content:flex-start}.hth-preset[data-v-1a36b484]{border:3px solid var(--surface);width:2.75rem;height:2.75rem;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.hth-preset[aria-pressed=true][data-v-1a36b484]{box-shadow:0 0 0 2px var(--accent)}.hth-result[data-v-1a36b484]{flex-direction:column;align-self:start;gap:1rem;width:100%;display:flex}.hth-preview[data-v-1a36b484]{border:1px solid var(--border);border-radius:calc(var(--radius-card) - .25rem);min-height:12rem}.hth-output[data-v-1a36b484]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--elevated);padding:.85rem}.hth-output>div[data-v-1a36b484]{min-width:0}.hth-hex[data-v-1a36b484]{color:var(--text);letter-spacing:.03em;overflow-wrap:anywhere;margin-top:.2rem;font-size:clamp(1.4rem,5vw,2rem);font-weight:750;display:block}.hth-output--empty[data-v-1a36b484]{color:var(--muted)}.hth-details[data-v-1a36b484]{gap:.75rem;display:grid}.hth-details>div[data-v-1a36b484]{border-top:1px solid var(--border);gap:.25rem;padding:.75rem;display:grid}.hth-details code[data-v-1a36b484]{color:var(--text);overflow-wrap:anywhere}@media (width<=767px){.hth[data-v-1a36b484]{padding:1rem}.hth-toolbar[data-v-1a36b484]{flex-direction:column;align-items:flex-start}.hth-grid[data-v-1a36b484]{grid-template-columns:1fr}.hth-actions[data-v-1a36b484]{width:100%}.hth-btn[data-v-1a36b484]{flex:1}.hth-preview[data-v-1a36b484]{min-height:9rem}}