.index-module__3wApTa__panel,.index-module__3wApTa__section{gap:16px;display:grid}.index-module__3wApTa__section{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:18px}.index-module__3wApTa__toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.index-module__3wApTa__field{gap:8px;display:grid}.index-module__3wApTa__label{color:var(--text-muted);font-size:13px;font-weight:600}.index-module__3wApTa__textInput{border:1px solid var(--border);background:var(--bg);width:220px;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.index-module__3wApTa__colorInput{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:56px;height:42px;padding:4px}.index-module__3wApTa__preview{border:1px solid var(--border);border-radius:12px;width:100%;height:96px}.index-module__3wApTa__outputs{gap:10px;display:grid}.index-module__3wApTa__output{border:1px solid var(--border);background:var(--surface-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.index-module__3wApTa__value{overflow-wrap:anywhere;font-family:SF Mono,Fira Code,monospace;font-size:13px}.index-module__3wApTa__error{color:var(--error);font-size:13px}@media (max-width:640px){.index-module__3wApTa__textInput{width:100%}.index-module__3wApTa__output{flex-direction:column;align-items:flex-start}}