.json-to-sql-tool{margin:2rem 0 3rem;padding:1.25rem;background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 8px 24px rgba(25,35,55,.06)}.json-to-sql-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:1rem}.json-to-sql-input,.json-to-sql-output{grid-column:1/-1;min-width:0}.json-to-sql-input textarea,.json-to-sql-output textarea{width:100%;min-height:380px;box-sizing:border-box;resize:vertical;padding:1rem;border:1px solid #d8dee8;border-radius:9px;background:#f8fafc;color:#182235;font:400 .9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.json-to-sql-input label,.json-to-sql-options label{display:flex;flex-direction:column;gap:.45rem;font-weight:600;color:#263449}.json-to-sql-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1rem;background:#f7f9fc;border-radius:9px}.json-to-sql-options input,.json-to-sql-options select{width:100%;box-sizing:border-box;padding:.65rem .7rem;border:1px solid #d8dee8;border-radius:7px;background:#fff;font:inherit}.json-to-sql-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1.25rem;color:#263449}.json-to-sql-actions{display:flex;flex-wrap:nowrap;gap:.65rem;margin-top:1rem}.json-to-sql-actions .button{white-space:nowrap}.json-to-sql-file input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.json-to-sql-preview{grid-column:1/-1}.json-to-sql-preview h2,.json-to-sql-output h2{margin:.25rem 0 .75rem}.json-to-sql-table-wrap{overflow:auto;border:1px solid #e6e9ef;border-radius:8px}.json-to-sql-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.json-to-sql-table-wrap th,.json-to-sql-table-wrap td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid #edf0f4}.json-to-sql-table-wrap th{background:#f7f9fc}.json-to-sql-error{grid-column:1/-1;padding:.8rem 1rem;border-radius:8px;background:#fff4e5;color:#8a4b00}.json-to-sql-output p{color:#637083;font-size:.9rem}@media(max-width:560px){.json-to-sql-main{grid-template-columns:1fr}.json-to-sql-options{grid-template-columns:1fr}.json-to-sql-actions{flex-wrap:wrap}.json-to-sql-actions .button{flex:1 1 100%;text-align:center}.json-to-sql-checks{display:grid;gap:.7rem}}