:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1a202c;background-color:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7fafc}#root{min-height:100vh}button,input,select,textarea{font:inherit}.json-view{display:block;color:#4d4d4d;text-align:left;--json-property: #009033;--json-index: #676dff;--json-number: #676dff;--json-string: #b2762e;--json-boolean: #dc155e;--json-null: #dc155e}.json-view .json-view--property{color:var(--json-property)}.json-view .json-view--index{color:var(--json-index)}.json-view .json-view--number{color:var(--json-number)}.json-view .json-view--string{color:var(--json-string)}.json-view .json-view--boolean{color:var(--json-boolean)}.json-view .json-view--null{color:var(--json-null)}.json-view .jv-indent{padding-left:1em}.json-view .jv-chevron{display:inline-block;vertical-align:-20%;cursor:pointer;opacity:.4;width:1em;height:1em}:is(.json-view .jv-chevron:hover,.json-view .jv-size:hover+.jv-chevron){opacity:.8}.json-view .jv-size{cursor:pointer;opacity:.4;font-size:.875em;font-style:italic;margin-left:.5em;vertical-align:-5%;line-height:1}.json-view :is(.json-view--copy,.json-view--edit),.json-view .json-view--link svg{display:none;width:1em;height:1em;margin-left:.25em;cursor:pointer}.json-view .json-view--input{width:120px;margin-left:.25em;border-radius:4px;border:1px solid currentColor;padding:0 4px;font-size:87.5%;line-height:1.25;background:transparent}.json-view .json-view--deleting{outline:1px solid #da0000;background-color:#da000011;text-decoration-line:line-through}:is(.json-view:hover,.json-view--pair:hover)>:is(.json-view--copy,.json-view--edit),:is(.json-view:hover,.json-view--pair:hover)>.json-view--link svg{display:inline-block}.json-view .jv-button{background:transparent;outline:none;border:none;cursor:pointer;color:inherit}.json-view .cursor-pointer{cursor:pointer}.json-view svg{vertical-align:-10%}.jv-size-chevron~svg{vertical-align:-16%}.json-view_a11y{color:#545454;--json-property: #aa5d00;--json-index: #007299;--json-number: #007299;--json-string: #008000;--json-boolean: #d91e18;--json-null: #d91e18}.json-view_github{color:#005cc5;--json-property: #005cc5;--json-index: #005cc5;--json-number: #005cc5;--json-string: #032f62;--json-boolean: #005cc5;--json-null: #005cc5}.json-view_vscode{color:#005cc5;--json-property: #0451a5;--json-index: #0000ff;--json-number: #0000ff;--json-string: #a31515;--json-boolean: #0000ff;--json-null: #0000ff}.json-view_atom{color:#383a42;--json-property: #e45649;--json-index: #986801;--json-number: #986801;--json-string: #50a14f;--json-boolean: #0184bc;--json-null: #0184bc}.json-view_winter-is-coming{color:#0431fa;--json-property: #3a9685;--json-index: #ae408b;--json-number: #ae408b;--json-string: #8123a9;--json-boolean: #0184bc;--json-null: #0184bc}.app{min-height:100vh;background:#f7fafc;color:#1a202c;display:flex;flex-direction:column}.app-header{padding:20px 28px;border-bottom:1px solid #e2e8f0;background:#fff}.app-header h1{margin:0 0 4px;font-size:24px}.app-header p{margin:0;color:#718096}.app-content{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;padding:16px 24px 24px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc;gap:12px}.preview-toolbar h2{margin:0 0 4px;font-size:16px}.preview-toolbar p{margin:0;font-size:12px;color:#718096}.toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.preview-panel .dropzone{flex:1;position:relative}.dropzone canvas{width:100%;height:100%;display:block}.dropzone.is-dragging{outline:2px dashed #4299e1;outline-offset:-12px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-card{pointer-events:auto;background:#fffffff2;border:1px solid #e2e8f0;padding:16px 20px;border-radius:12px;text-align:center;min-width:220px;box-shadow:0 4px 6px #0000001a}.overlay-card h2{margin:0 0 6px;font-size:16px;color:#2d3748}.overlay-card p{margin:0;font-size:13px;color:#718096}.file-button{display:inline-block;padding:8px 12px;background:#4299e1;color:#fff;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s}.file-button:hover{background:#3182ce}.status{font-size:12px;color:#4299e1}.status.error{color:#f56565}.data-content{flex:1;padding:16px 18px 20px;overflow:auto;background:#f8fafc;border-radius:10px}.data-content .json-view{font-size:12px;font-family:SFMono-Regular,SF Mono,JetBrains Mono,monospace}@media(max-width:960px){.app-content{grid-template-columns:1fr}}