.lNHx2W_panel{gap:16px;display:grid}.lNHx2W_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lNHx2W_buttonRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lNHx2W_exampleSelect{height:32px;padding:0 10px}.lNHx2W_editorGrid{border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:0;min-height:500px;display:grid;overflow:hidden}.lNHx2W_pane{flex-direction:column;min-height:0;display:flex}.lNHx2W_pane:first-child{border-right:1px solid var(--border)}.lNHx2W_paneHeader{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.lNHx2W_paneLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.lNHx2W_charCount{color:var(--text-subtle);font-size:12px}.lNHx2W_editorWrapper{flex:1;min-height:0;overflow:hidden}.lNHx2W_editorWrapper.lNHx2W_hasError{background:color-mix(in srgb, var(--bg) 97%, #ef4444 3%)}.lNHx2W_preview{background:var(--bg);flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow:auto}.lNHx2W_previewSvg{max-width:100%;height:auto}.lNHx2W_previewSvg svg{border-radius:8px;max-width:100%;height:auto}.lNHx2W_errorBox{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow:auto}.lNHx2W_errorTitle{color:#ef4444;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.lNHx2W_errorMessage{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.lNHx2W_empty{flex:1;justify-content:center;align-items:center;display:flex}.lNHx2W_shareResult{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.lNHx2W_shareResultLabel{color:var(--text-muted);white-space:nowrap;font-weight:500}.lNHx2W_shareLink{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-decoration:none;overflow:hidden}.lNHx2W_shareLink:hover{text-decoration:underline}.lNHx2W_shareLinkSecondary{color:var(--text-muted);white-space:nowrap;font-size:12px;text-decoration:none}.lNHx2W_shareLinkSecondary:hover{text-decoration:underline}.lNHx2W_shareCopyBtn{white-space:nowrap}@media (max-width:768px){.lNHx2W_editorGrid{grid-template-columns:1fr}.lNHx2W_pane:first-child{border-right:none;border-bottom:1px solid var(--border)}.lNHx2W_editor{min-height:220px}}