.index-module__i5pKrW__panel{gap:18px;display:grid}.index-module__i5pKrW__controls,.index-module__i5pKrW__previewSection,.index-module__i5pKrW__outputSection{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;padding:18px;display:grid}.index-module__i5pKrW__controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.index-module__i5pKrW__field{gap:8px;display:grid}.index-module__i5pKrW__label{color:var(--text-muted);font-size:13px;font-weight:600}.index-module__i5pKrW__input,.index-module__i5pKrW__select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.index-module__i5pKrW__range{width:100%;min-height:44px}.index-module__i5pKrW__actions{justify-content:flex-end;gap:10px;display:flex}.index-module__i5pKrW__preview{border:1px solid var(--border);aspect-ratio:1;background:var(--surface-subtle);border-radius:8px;width:100%;overflow:hidden}.index-module__i5pKrW__preview svg{width:100%;height:100%;display:block}.index-module__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){.index-module__i5pKrW__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.index-module__i5pKrW__actions{justify-content:flex-start}}@media (max-width:640px){.index-module__i5pKrW__controls{grid-template-columns:1fr}.index-module__i5pKrW__actions{flex-direction:column}}