.CGQXoG_root{gap:var(--space-5);flex-direction:column;display:flex}.CGQXoG_inputWrap{gap:var(--space-2);flex-direction:column;display:flex}.CGQXoG_label{color:var(--text);font-size:.875rem;font-weight:600}.CGQXoG_input{padding:var(--space-3) var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);color:var(--text);transition:border-color var(--transition-fast);width:100%;font-size:.95rem}.CGQXoG_input:focus{border-color:var(--primary);outline:none}.CGQXoG_err{border-color:var(--error)}.CGQXoG_errMsg{color:var(--error);font-size:.8125rem}.CGQXoG_examples{gap:var(--space-2);flex-wrap:wrap;display:flex}.CGQXoG_exBtn{padding:var(--space-1) var(--space-3);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);transition:all var(--transition-fast)}.CGQXoG_exBtn:hover{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary)}.CGQXoG_typeBadge{padding:var(--space-2) var(--space-4);background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-full);color:var(--primary-text);align-self:flex-start;font-size:.8125rem;font-weight:600;display:inline-flex}.CGQXoG_results{gap:var(--space-3);flex-direction:column;display:flex}.CGQXoG_row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.CGQXoG_rowLabel{color:var(--text-muted);flex-shrink:0;min-width:120px;font-size:.8rem;font-weight:500}.CGQXoG_rowVal{font-family:var(--font-mono);color:var(--text);word-break:break-all;flex:1;min-width:0;font-size:.875rem}.CGQXoG_copyBtn{padding:var(--space-1) var(--space-3);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;min-width:46px;font-size:.75rem;font-weight:500}.CGQXoG_copyBtn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text)}.CGQXoG_groupCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.CGQXoG_cardTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.CGQXoG_groupRow{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.CGQXoG_group{padding:var(--space-2);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex}.CGQXoG_groupIndex{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.CGQXoG_groupHex{font-family:var(--font-mono);color:var(--primary-text);font-size:.9rem;font-weight:700}.CGQXoG_groupDec{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.CGQXoG_groupBin{font-family:var(--font-mono);color:var(--text-subtle);word-break:break-all;letter-spacing:.03em;font-size:.65rem}@media (max-width:640px){.CGQXoG_groupRow{grid-template-columns:repeat(2,1fr)}}