:root{--row-h:22px;--on-accent:#061422;--shadow-pop:0 16px 44px #00000080}:root[data-theme=light]{--on-accent:#fff;--shadow-pop:0 16px 44px #141e3229}.app{max-width:1500px;padding:var(--sp-4) var(--sp-4) var(--sp-6);margin:0 auto}.app-head{align-items:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.mark{border:1px solid var(--border-strong);background:linear-gradient(180deg, var(--bg-raised), var(--bg-inset));width:44px;height:44px;color:var(--accent);border-radius:11px;flex:none;place-items:center;transition:color .16s,border-color .16s,box-shadow .16s;display:grid}.mark svg{display:block}.mark-valid{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 45%, var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 12%, transparent)}.mark-invalid{color:var(--err);border-color:color-mix(in srgb, var(--err) 45%, var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb, var(--err) 12%, transparent)}.app-title{font:650 20px/1.25 var(--sans);letter-spacing:-.02em;color:var(--text);margin:0}.app-sub{font:400 13px/1.35 var(--sans);color:var(--text-dim);margin:3px 0 0}.app-head-spacer{flex:auto}.head-actions{gap:var(--sp-2);flex:none;align-items:center;display:flex}.app-shell{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow-pop);border-radius:10px;overflow:hidden}.workspace{align-items:stretch;height:clamp(470px,70vh,860px);display:flex}.pane{background:var(--bg-inset);flex-direction:column;min-width:0;min-height:0;display:flex}.pane-left{width:var(--split,50%);flex:none}.pane-right{flex:auto}.splitter{cursor:col-resize;background:var(--border);border:none;flex:none;width:5px;padding:0;transition:background .12s}.splitter:hover,.splitter:focus-visible{background:var(--accent);outline:none}.pane-head{align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-2) 0 var(--sp-3);background:var(--bg-raised);border-bottom:1px solid var(--border);flex:none;display:flex}.pane-label{font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.pane-head-spacer{flex:auto}.pane-body{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.cm-host{flex:auto;min-height:0;overflow:hidden}.cm-host .cm-editor{height:100%}.cm-host .cm-scroller{overflow:auto}.toolbar{align-items:center;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--border);background:var(--bg-raised);margin-bottom:var(--sp-3);border-radius:10px;flex-wrap:wrap;display:flex}.tb-group{align-items:center;gap:2px;display:flex}.tb-sep{background:var(--border);width:1px;height:20px;margin:0 var(--sp-2);flex:none}.tb-spacer{flex:auto}.btn{height:28px;font:500 12px/1 var(--sans);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 9px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--bg-inset);color:var(--text)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}.btn-outline{border-color:var(--border-strong)}.btn-outline:hover{border-color:var(--accent)}.btn-danger:hover{color:var(--err);background:var(--bg-inset)}.btn-icon{justify-content:center;width:28px;padding:0}.btn-sm{height:24px;padding:0 7px;font-size:11px}.field{font:500 11px/1 var(--sans);color:var(--text-faint);align-items:center;gap:6px;display:inline-flex}.select{height:26px;font:500 12px/1 var(--mono);color:var(--text);background:var(--bg-inset);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-faint) 50%), linear-gradient(135deg, var(--text-faint) 50%, transparent 50%);background-position:calc(100% - 12px) 11px,calc(100% - 8px) 11px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:6px;padding:0 22px 0 8px}.select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toggle{height:26px;font:500 11px/1 var(--sans);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-inset);border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.toggle input{accent-color:var(--accent);margin:0}.toggle:hover{color:var(--text)}.tabs{align-items:stretch;gap:2px;height:100%;display:flex}.tab{font:500 12px/1 var(--sans);color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 11px;display:inline-flex}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.tab-count{font:600 10px/1 var(--mono);background:var(--bg-inset);color:var(--text-dim);border-radius:999px;padding:2px 5px}.tab-count.is-err{background:color-mix(in srgb, var(--err) 18%, transparent);color:var(--err)}.statusbar{align-items:center;gap:var(--sp-3);min-height:30px;padding:0 var(--sp-3);background:var(--bg-raised);border-top:1px solid var(--border);font:11px/1.4 var(--mono);color:var(--text-faint);flex-wrap:wrap;display:flex}.status-state{font-weight:600;font-family:var(--mono);color:inherit;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-ok{color:var(--ok)}.status-err{color:var(--err);cursor:pointer;text-align:left}.status-err:hover{text-decoration:underline}.status-idle{color:var(--text-faint)}.status-metrics{gap:var(--sp-3);margin-left:auto;display:flex}.status-metrics b{color:var(--text-dim);font-weight:600}.pane-empty{place-content:center;gap:var(--sp-2);text-align:center;padding:var(--sp-6);color:var(--text-faint);font:12px/1.6 var(--sans);flex:auto;display:grid}.pane-empty strong{color:var(--text-dim);font:600 13px/1.4 var(--sans)}.pane-error{margin:var(--sp-3);padding:var(--sp-3);border:1px solid color-mix(in srgb, var(--err) 40%, var(--border));background:color-mix(in srgb, var(--err) 8%, transparent);font:12px/1.6 var(--mono);color:var(--text);border-radius:8px}.pane-error h3{margin:0 0 var(--sp-1);font:600 12px/1.4 var(--sans);color:var(--err)}.pane-error p{margin:0 0 var(--sp-2);color:var(--text-dim)}.vlist{flex:auto;min-height:0;position:relative;overflow:auto}.vlist-inner{width:100%;position:relative}.vrow{height:var(--row-h);position:absolute;left:0;right:0}.tree-toolbar{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--bg-raised);flex-wrap:wrap;flex:none;display:flex}.search{min-width:120px;height:26px;font:12px/1 var(--mono);color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;flex:160px;padding:0 8px}.search::placeholder{color:var(--text-faint)}.search:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.tree-row{padding:0 var(--sp-3) 0 var(--sp-2);font:12px/var(--row-h) var(--mono);white-space:nowrap;cursor:pointer;border-left:2px solid #0000;align-items:center;gap:6px;display:flex}.tree-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.tree-row.is-selected{background:color-mix(in srgb, var(--accent) 14%, transparent);border-left-color:var(--accent)}.tree-indent{flex:none}.disclosure{width:14px;height:14px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;flex:none;place-items:center;padding:0;font-size:9px;line-height:1;display:grid}.disclosure:hover{color:var(--text);background:var(--bg-raised)}.disclosure svg{transition:transform .12s}.disclosure[aria-expanded=true] svg{transform:rotate(90deg)}.disclosure-spacer{flex:none;width:14px}.tree-key{color:var(--tok-key)}.tree-index{color:var(--text-faint)}.tree-punct{color:var(--tok-punct)}.tree-value{text-overflow:ellipsis;overflow:hidden}.tree-preview{color:var(--text-faint)}.tree-meta{color:var(--text-faint);font-size:11px}.v-string{color:var(--tok-string)}.v-number{color:var(--tok-number)}.v-boolean{color:var(--tok-bool)}.v-null{color:var(--tok-null)}.v-object,.v-array{color:var(--text-dim)}.badge{font:600 9px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-raised);color:var(--text-faint);border:1px solid var(--border);border-radius:3px;flex:none;padding:3px 4px}.badge-string{color:var(--tok-string)}.badge-number{color:var(--tok-number)}.badge-boolean{color:var(--tok-bool)}.badge-null{color:var(--tok-null)}.badge-object,.badge-array{color:var(--tok-key)}.tree-actions{opacity:0;flex:none;gap:2px;margin-left:auto;display:flex}.tree-row:hover .tree-actions,.tree-row:focus-within .tree-actions{opacity:1}.row-action{color:var(--text-faint);cursor:pointer;height:18px;font:500 10px/1 var(--sans);background:0 0;border:none;border-radius:4px;padding:0 5px}.row-action:hover{background:var(--bg-raised);color:var(--accent)}.code-line{font:12px/var(--row-h) var(--mono);white-space:pre;align-items:center;display:flex}.code-gutter{width:52px;padding-right:var(--sp-2);text-align:right;color:var(--text-faint);-webkit-user-select:none;user-select:none;flex:none}.code-text{padding-right:var(--sp-4);flex:auto}.formatted-note{padding:var(--sp-1) var(--sp-3);font:11px/1.5 var(--mono);color:var(--warn);border-bottom:1px solid var(--border);background:var(--bg-raised)}.diff-split{flex-direction:column;height:100%;min-height:0;display:flex}.diff-compare{border-bottom:1px solid var(--border);flex-direction:column;flex:0 0 38%;min-height:0;display:flex}.diff-result{flex-direction:column;flex:auto;min-height:0;display:flex}.diff-summary{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-raised);border-bottom:1px solid var(--border);font:11px/1.4 var(--mono);color:var(--text-dim);flex-wrap:wrap;display:flex}.diff-added{color:var(--ok)}.diff-removed{color:var(--err)}.diff-changed{color:var(--warn)}.diff-none{color:var(--ok);font-weight:600}.diff-row{border-left:2px solid #0000}.diff-row.s-added{background:color-mix(in srgb, var(--ok) 10%, transparent);border-left-color:var(--ok)}.diff-row.s-removed{background:color-mix(in srgb, var(--err) 10%, transparent);border-left-color:var(--err)}.diff-row.s-changed{border-left-color:var(--warn)}.diff-arrow{color:var(--text-faint);padding:0 2px}.diff-sign{text-align:center;flex:none;width:10px;font-weight:700}.schema{flex-direction:column;height:100%;min-height:0;display:flex}.schema-controls{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--bg-raised);flex-direction:column;flex:none;display:flex}.schema-row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.input{min-width:0;height:26px;font:12px/1 var(--mono);color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;flex:200px;padding:0 8px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.schema-text{resize:vertical;width:100%;min-height:108px;padding:var(--sp-2);font:12px/1.5 var(--mono);color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:6px}.schema-text:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.schema-msg{font:11px/1.5 var(--mono);color:var(--text-faint)}.schema-msg.is-err{color:var(--err)}.schema-msg.is-ok{color:var(--ok)}.schema-results{flex:auto;min-height:0;overflow:auto}.schema-error{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);border:none;border-bottom:1px solid var(--border);border-left:2px solid var(--err);color:var(--text);font:12px/1.5 var(--mono);cursor:pointer;background:0 0;display:block}.schema-error:hover{background:color-mix(in srgb, var(--err) 10%, transparent)}.schema-error .path{color:var(--tok-key)}.schema-error .kw{color:var(--text-faint);font-size:11px}.overlay{z-index:60;padding:var(--sp-4);background:#02050c9e;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border-strong);width:min(560px,100%);max-height:80vh;box-shadow:var(--shadow-pop);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.modal-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.modal-head h2{font:600 14px/1.3 var(--sans);color:var(--text);margin:0 0 2px}.modal-head p{font:12px/1.5 var(--sans);color:var(--text-dim);margin:0}.modal-body{padding:var(--sp-2) var(--sp-4);overflow:auto}.fix-list{margin:0;padding:0;list-style:none}.fix-list li{gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);font:12px/1.5 var(--mono);color:var(--text);align-items:baseline;display:flex}.fix-list li:last-child{border-bottom:none}.fix-line{color:var(--text-faint);flex:none;min-width:54px;font-size:11px}.modal-foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:var(--bg-inset);display:flex}.toast{right:var(--sp-4);bottom:var(--sp-4);z-index:70;padding:var(--sp-2) var(--sp-3);background:var(--bg-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);font:12px/1.4 var(--sans);color:var(--text);border-radius:8px;position:fixed}.toast.is-err{border-color:var(--err);color:var(--err)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.workspace{flex-direction:column;height:auto}.pane-left{width:auto;height:46vh}.pane-right{height:58vh}.splitter,.btn-label{display:none}.btn{padding:0 7px}}.v-key{color:var(--tok-key)}.v-punct{color:var(--tok-punct)}.tree,.formatted{flex-direction:column;height:100%;min-height:0;display:flex}.tree-count{font:11px/1 var(--mono);color:var(--text-faint);margin-left:auto}