.i5pKrW_panel{gap:18px;display:grid}.i5pKrW_controls,.i5pKrW_previewSection,.i5pKrW_outputSection{gap:16px;padding:18px;display:grid}.i5pKrW_controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.i5pKrW_field{gap:8px;display:grid}.i5pKrW_input,.i5pKrW_select{width:100%;min-height:44px;padding:10px 12px}.i5pKrW_range{width:100%;min-height:44px}.i5pKrW_actions{justify-content:flex-end;gap:10px;display:flex}.i5pKrW_preview{aspect-ratio:1;width:100%;overflow:hidden}.i5pKrW_preview svg{width:100%;height:100%;display:block}.i5pKrW_code{border:1px solid var(--border);background:var(--surface-subtle);max-height:260px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:14px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow:auto}@media (max-width:980px){.i5pKrW_controls{grid-template-columns:repeat(2,minmax(0,1fr))}.i5pKrW_actions{justify-content:flex-start}}@media (max-width:640px){.i5pKrW_controls{grid-template-columns:1fr}.i5pKrW_actions{flex-direction:column}}