.index-module__dk6SVG__panel{gap:16px;display:grid}.index-module__dk6SVG__controls,.index-module__dk6SVG__previewSection,.index-module__dk6SVG__outputSection{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;padding:18px;display:grid}.index-module__dk6SVG__controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.index-module__dk6SVG__field{gap:8px;display:grid}.index-module__dk6SVG__colorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.index-module__dk6SVG__label{color:var(--text-muted);font-size:13px;font-weight:600}.index-module__dk6SVG__select,.index-module__dk6SVG__textInput,.index-module__dk6SVG__numberInput,.index-module__dk6SVG__colorInput{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px}.index-module__dk6SVG__select,.index-module__dk6SVG__textInput,.index-module__dk6SVG__numberInput{min-height:42px;padding:10px 12px}.index-module__dk6SVG__colorInput{height:42px;padding:4px}.index-module__dk6SVG__range{width:100%;accent-color:var(--primary)}.index-module__dk6SVG__sectionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.index-module__dk6SVG__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.index-module__dk6SVG__preview{border:1px solid var(--border);background-repeat:repeat;background-size:360px 360px;border-radius:8px;min-height:360px}.index-module__dk6SVG__code{overflow-wrap:anywhere;border:1px solid var(--border);background:var(--surface-subtle);max-height:220px;color:var(--text);white-space:pre-wrap;border-radius:8px;margin:0;padding:14px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto}@media (max-width:920px){.index-module__dk6SVG__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.index-module__dk6SVG__controls,.index-module__dk6SVG__colorGrid{grid-template-columns:1fr}.index-module__dk6SVG__sectionHeader{flex-direction:column;align-items:flex-start}.index-module__dk6SVG__actions{justify-content:flex-start;width:100%}.index-module__dk6SVG__preview{min-height:260px}}