@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f7f7f7;color:#333}h1,h2{font-family:Arial,sans-serif}@media (max-width: 768px){.max-w-4xl,.max-w-6xl{max-width:100%}}body{font-family:Arial,sans-serif}h2{font-size:24px;font-weight:700;margin-bottom:16px;color:#333}.app-container{display:flex;justify-content:space-between;padding:16px;gap:32px;flex-wrap:wrap}.editor-container,.form-preview-container{flex:1;min-width:300px;max-width:600px}.json-editor-container{background:#f8f8f8;padding:16px;border-radius:8px;box-shadow:0 0 10px #0000001a}.json-input{width:100%;height:70vh;border:1px solid #ccc;padding:8px;border-radius:4px;font-size:14px;resize:none}.dynamic-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.form-field{margin-bottom:20px}.form-label{font-size:16px;color:#333;margin-bottom:8px;display:block}.form-input,.form-textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;font-size:14px}.form-textarea{height:120px;resize:none}.submit-btn{background-color:#4caf50;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:16px;cursor:pointer;width:100%;margin-top:20px}.submit-btn:hover{background-color:#45a049}.error-message{color:red;font-size:16px}.radio-option{margin-bottom:8px}.radio-input{margin-right:8px}