body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{padding:10px;height:100vh;display:flex;flex-direction:row;gap:12px;box-sizing:border-box;overflow:hidden}.app-controls{width:350px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.app-editor{flex:1;overflow:auto;min-height:0}.app-json-viewer{flex:1;display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#1e1e2e}.app-json-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#2a2a3c;color:#a0aec0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;flex-shrink:0}.app-json-viewer-header button{background:none;border:none;color:#718096;cursor:pointer;font-size:11px;padding:2px 6px;border-radius:3px}.app-json-viewer-header button:hover{background:#3a3a4c;color:#a0aec0}.app-json-viewer pre{margin:0;padding:10px;overflow:auto;flex:1;font-size:12px;line-height:1.6;color:#cdd6f4;font-family:Consolas,Cascadia Code,Fira Code,monospace}