@import "https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0e0e10;--panel:#17171a;--line:#2a2a30;--text:#e6e6ea;--muted:#8e8e98;--accent:#8b5cf6}*{box-sizing:border-box}body{background:var(--page);height:100dvh;color:var(--text);flex-direction:column;margin:0;font:14px/1.4 Lexend,sans-serif;display:flex}.toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.title{margin-right:auto;font-weight:600}.toolbar label{color:var(--muted);align-items:center;gap:6px;display:flex}.toolbar select,.toolbar button{font:inherit;color:var(--text);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:5px 10px}.toolbar select{font-variant-numeric:tabular-nums}.actions{gap:8px;display:flex}.toolbar button{cursor:pointer}.toolbar button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar button:disabled{opacity:.5;cursor:default}.panes{flex:1;grid-template-columns:minmax(320px,1fr) minmax(0,auto);min-height:0;display:grid}.editor-pane{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}#editor{resize:none;background:var(--page);color:var(--text);tab-size:2;border:none;outline:none;flex:1;padding:16px;font:13px/1.5 gg mono,Source Code Pro,monospace}#status{border-top:1px solid var(--line);color:#f0a0a2;overflow-wrap:anywhere;min-height:2.4em;margin:0;padding:8px 16px}#status:empty:before{content:"JSON is valid";color:var(--muted)}.preview-pane{padding:16px;overflow:auto}#preview{margin:0 auto}@media (width<900px){body{height:auto}.panes{grid-template-columns:1fr}.editor-pane{border-right:none;border-bottom:1px solid var(--line)}#editor{min-height:40dvh}#preview{max-width:100%}}