._3XyjJG_panel{gap:18px;display:grid}._3XyjJG_controls,._3XyjJG_previewSection,._3XyjJG_codeSection{gap:18px;padding:18px;display:grid}._3XyjJG_header,._3XyjJG_previewHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}._3XyjJG_title,._3XyjJG_sectionTitle{margin:0;font-size:18px;font-weight:650}._3XyjJG_meta{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.45}._3XyjJG_controlGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}._3XyjJG_field{gap:8px;min-width:0;display:grid}._3XyjJG_label{color:var(--text-muted);font-size:13px;font-weight:650}._3XyjJG_select{width:100%;min-height:40px;padding:8px 34px 8px 12px}._3XyjJG_range{width:100%;min-width:0}._3XyjJG_value,._3XyjJG_colorValue{color:var(--text-muted);font-size:12px}._3XyjJG_colorRow{align-items:center;gap:10px;display:flex}._3XyjJG_colorInput{width:44px;height:40px;padding:0}._3XyjJG_switchField{justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px;display:flex}._3XyjJG_actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}._3XyjJG_error{padding:10px 12px}._3XyjJG_previewFrame{border:1px solid var(--border-strong);background:linear-gradient(45deg,#0f172a0d 25%,#0000 25%),linear-gradient(-45deg,#0f172a0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0f172a0d 75%),linear-gradient(-45deg,#0000 75%,#0f172a0d 75%);background-color:var(--surface-subtle);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;place-items:center;min-height:360px;padding:18px;display:grid;overflow:hidden}._3XyjJG_svgPreview{aspect-ratio:1;border:1px solid var(--border-strong);background:#fff;border-radius:8px;width:min(100%,720px);overflow:hidden;box-shadow:0 14px 42px #0f172a1f}._3XyjJG_svgPreview svg{width:100%;height:100%;display:block}._3XyjJG_code{resize:vertical;width:100%;min-height:220px;padding:14px;line-height:1.5}@media (max-width:900px){._3XyjJG_header,._3XyjJG_previewHeader{display:grid}._3XyjJG_controlGrid{grid-template-columns:1fr}._3XyjJG_actions{justify-content:flex-start}}