.x23tVG_root{gap:var(--space-4);flex-direction:column;display:flex}.x23tVG_optRow{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.x23tVG_optGroup{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.x23tVG_optLabel{color:var(--text);margin-right:var(--space-1);font-size:.875rem;font-weight:600}.x23tVG_optBtn{padding:var(--space-1) var(--space-3);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);font-size:.8rem;font-weight:500}.x23tVG_optBtn:hover{border-color:var(--primary)}.x23tVG_optActive{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.x23tVG_examples{align-items:center;gap:var(--space-2);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.x23tVG_exLabel{color:var(--text-subtle);flex-shrink:0;font-size:.8rem;font-weight:500}.x23tVG_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);transition:all var(--transition-fast);font-size:.8rem}.x23tVG_exBtn:hover{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary)}.x23tVG_layout{gap:var(--space-4);grid-template-columns:1fr 1fr;min-height:400px;display:grid}.x23tVG_pane{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.x23tVG_paneHeader{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-alt);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;display:flex}.x23tVG_paneTitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.x23tVG_okBadge{color:#065f46;border-radius:var(--radius-full);background:#d1fae5;padding:2px 8px;font-size:.75rem;font-weight:600}.x23tVG_errBadge{color:#991b1b;border-radius:var(--radius-full);background:#fee2e2;padding:2px 8px;font-size:.75rem;font-weight:600}[data-theme=dark] .x23tVG_okBadge{color:#6ee7b7;background:#052e16}[data-theme=dark] .x23tVG_errBadge{color:#fca5a5;background:#450a0a}.x23tVG_copyBtn{padding:var(--space-1) var(--space-3);background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary-text);cursor:pointer;transition:all var(--transition-fast);margin-left:auto;font-size:.75rem;font-weight:500}.x23tVG_copyBtn:hover{background:var(--primary);color:#fff}.x23tVG_stats{color:var(--text-subtle);margin-left:auto;font-size:.75rem}.x23tVG_textarea{padding:var(--space-4);font-family:var(--font-mono);color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;font-size:.875rem;line-height:1.65}.x23tVG_output{padding:var(--space-4);font-family:var(--font-mono);color:var(--text);white-space:pre;flex:1;margin:0;font-size:.875rem;line-height:1.65;overflow:auto}.x23tVG_errMsg{color:var(--error);padding:var(--space-2) var(--space-4);background:#fef2f2;border-top:1px solid #fca5a5;flex-shrink:0;font-size:.8125rem}[data-theme=dark] .x23tVG_errMsg{background:#450a0a;border-top-color:#7f1d1d}@media (max-width:800px){.x23tVG_layout{grid-template-columns:1fr}}@media (max-width:640px){.x23tVG_optRow{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);flex-direction:column}.x23tVG_optGroup{width:100%}.x23tVG_examples{align-items:flex-start;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border);flex-direction:column;width:100%}.x23tVG_exBtn{text-align:left;width:100%}}