:root{color:#162536;font-synthesis:none;background:#f4f7fa;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;color:#137d86;background:#fff;border:1px solid #8fced4;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;display:flex}button:hover{background:#e7f5f6}button svg{width:20px;height:20px}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #52b6c0}.app{max-width:1800px;margin:auto;padding:28px}header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}h1{letter-spacing:-1px;color:#0e2440;margin:0 0 8px;font-size:38px;line-height:1.2}header p{color:#62788e;margin:0;font-size:18px}h2{color:#0e2440;margin:0;font-size:23px;line-height:1.3}h3{margin:0;font-size:16px}.workspace{grid-template-columns:1fr 1fr;gap:14px;display:grid}.schema-pane,.data-pane{background:#f9fcff;border:1px solid #cbdce9;border-radius:8px;min-width:0;padding:20px}.schema-pane{flex-direction:column;display:flex}.pane-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pane-heading span,.section-heading span,.action-row span{color:#62788e;font-size:13px}.editor{border:1px solid #d4e2ed;border-radius:6px;min-height:120px;overflow:hidden}.schema-pane>.editor{flex:1;min-height:600px}.data-pane>.editor{height:190px}.editor.invalid{border-color:#d64848;box-shadow:0 0 0 1px #d64848}.invalid .cm-content{background:#fff8f8;color:#b62929!important}.feedback{color:#168668;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 10px 0;font-size:15px;line-height:1.5}.bad{color:#be2b31!important;background:#fff0f0!important}.feedback.bad{border-left:3px solid #d64848;border-radius:6px;margin-top:10px;padding:12px}.type-row{align-items:center;gap:24px;margin:14px 0 20px;font-size:15px;font-weight:600;display:flex}select{color:#162536;background:#fff;border:1px solid #cbdce9;border-radius:6px;flex:1;min-width:0;padding:10px 14px;font-size:15px}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 10px;display:flex}.action-row{align-items:center;gap:20px;margin:14px 0;display:flex}.primary{color:#fff;background:#137d86;border-color:#137d86}.primary:hover{background:#106570}.binary{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f5fa;border:1px solid #d4e2ed;border-radius:6px;min-height:74px;max-height:100px;margin:0;padding:12px;font:14px/1.7 Consolas,monospace;overflow:auto}.status-strip{color:#16675c;background:#e5f5f1;border-radius:6px;margin-top:14px;padding:14px;font-size:14px}@media (width>=1100px){.workspace{min-height:calc(100vh - 154px)}}@media (width<=780px){.app{padding:18px}header{flex-wrap:wrap}h1{font-size:26px}header p{font-size:14px;line-height:1.6}.workspace{grid-template-columns:1fr}.schema-pane>.editor{min-height:300px;max-height:430px}.action-row{flex-wrap:wrap;gap:10px}.data-pane,.schema-pane{padding:14px}h2{font-size:21px}.section-heading{flex-wrap:wrap}.data-pane>.editor{height:210px}}@media (width>=781px){h1{font-size:44px}h2{font-size:25px}.workspace{min-height:calc(100vh - 170px)}}