.json-a-yaml_jsonToYamlClearButton__2Xnh7,.json-a-yaml_jsonToYamlExampleButton__LJrqe{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d1d5db;background:white;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.json-a-yaml_jsonToYamlClearButton__2Xnh7:hover,.json-a-yaml_jsonToYamlExampleButton__LJrqe:hover{background:#f9fafb;border-color:#9ca3af}.json-a-yaml_dragActive__OA1od{border-color:#4a90e2;background:#f0f8ff}.json-a-yaml_stepByStep__xOFMS{margin:0 auto;padding:30px;background-color:#f9fafb;border-radius:8px}.json-a-yaml_stepByStep__xOFMS h2{font-size:24px;font-weight:600;color:#363636;margin-bottom:24px}.json-a-yaml_step__54H_v{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.json-a-yaml_stepNumber__Xrnng{min-width:32px;height:32px;background:#3b82f6;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.json-a-yaml_step__54H_v p{margin:0;padding-top:4px;color:#363636;line-height:1.6}.json-a-yaml_aboutSection__Xn5w8{margin-top:40px;padding:30px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px}.json-a-yaml_aboutSection__Xn5w8 h2{font-size:24px;font-weight:600;color:#363636;margin-bottom:20px}.json-a-yaml_toolDescription__Xsi7W{color:#363636;line-height:1.8}.json-a-yaml_description__WzsUR{font-size:16px;margin-bottom:16px}.json-a-yaml_aboutText__B547C{font-size:15px;color:#4b5563}