:root{background:#eef3f8;color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}textarea{font:inherit}.mobileButtonRow>button,.fileButton{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:34px;padding:7px 12px}.mobileButtonRow>button:hover,.fileButton:hover{background:#1d4ed8;border-color:#1d4ed8}.mobileButtonRow>button:disabled,.mobileButtonRow>button:disabled:hover{background:#eef2f7;border-color:#d6dee9;color:#7b8798;cursor:not-allowed}.appShell{background:linear-gradient(180deg,#f8fbff 0,#eef3f8 240px),#eef3f8;height:100vh;overflow:hidden}.visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.topBar{background:#fff;border-bottom:1px solid #d8e0ea;color:#172033;z-index:10}.topToolbar{align-items:center;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;min-height:72px;padding:8px 18px;width:100%}.brandBlock{flex:0 0 auto;min-width:190px}.toolbarActions{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px;justify-content:flex-start;min-width:0}.appEyebrow{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;margin:0 0 2px;text-transform:uppercase}.topBar h1{color:#101828;font-size:18px;font-weight:700;line-height:1.2;margin:0}.statusBar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.statusChip,.statusMessage{background:#f8fafc;border:1px solid #d8e0ea;border-radius:999px;color:#475467;font-size:12px;font-weight:700;padding:5px 9px}.statusMessage{color:#14532d}.toolBar{align-items:center;background:#f8fafc;border-bottom:1px solid #d8e0ea;display:flex;gap:12px;padding:10px 14px}.toolGroup,.searchControls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.workbench{display:grid;gap:12px;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.25fr);box-sizing:border-box;height:calc(100vh - 72px);min-height:0;overflow:hidden;padding:12px}.inputPane,.outputPane{background:transparent;min-width:0}.outputPane{display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.panel,.searchPanel{background:#fff;border:1px solid #cfd8e3;border-radius:7px;box-shadow:0 12px 30px #0f172a0f;min-width:0;overflow:hidden}.panelHeader{align-items:center;background:#f8fafc;border-bottom:1px solid #d8e0ea;display:flex;justify-content:space-between;min-height:34px;padding:0 12px}.panel h2{color:#1d2939;font-size:13px;line-height:1.2;margin:0}.panelHeader span,.editorStatus{color:#667085;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.inputPanel{display:grid;grid-template-rows:auto minmax(420px,1fr) auto auto;height:100%}.sourceTextarea{background:linear-gradient(90deg,#f5f7fb 0 42px,transparent 42px),repeating-linear-gradient(180deg,#fff 0,#fff 25px,#fbfdff 25px,#fbfdff 50px);border:0;box-sizing:border-box;color:#172033;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:25px;min-height:420px;padding:12px 14px 12px 54px;resize:none;width:100%}.sourceTextarea:focus{box-shadow:inset 0 0 0 2px #2563eb47;outline:none}.editorStatus{align-items:center;background:#fbfcfe;border-top:1px solid #e3e8ef;display:flex;justify-content:space-between;min-height:28px;padding:0 12px}.mobileButtonRow{display:none}.fileButton{background:#fff;border-color:#c5cfdc;color:#1f2937;min-height:34px}.fileButton:hover{background:#f1f5f9;border-color:#94a3b8;color:#111827}.fileButton input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.fileButton:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb3d}.searchPanel{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:0}.searchControls{padding:0}.searchResults{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;max-height:72px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-gutter:stable}.searchResults li{flex:1 1 auto;max-width:100%;min-width:0}.searchResults button{background:#fff;border-color:#c5cfdc;color:#1f2937;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;max-width:100%;min-height:28px;min-width:0;overflow-wrap:anywhere}.viewerStack,.treePanel,.ndjsonPanel{height:100%;min-height:0}.treePanel,.ndjsonPanel{display:grid;grid-template-rows:auto minmax(0,1fr)}.nodeList{display:grid;gap:6px;list-style:none;margin:0;overflow:auto;padding:12px}.treeArboristViewport{background:#fff;display:block;overflow:auto;scrollbar-gutter:stable}.treeArboristFrame{height:100%;min-height:0;overflow:hidden}.treeArboristRow{align-items:center;display:flex;min-width:0;padding:1px 6px}.treeArboristRow:focus{outline:2px solid #0c66e4;outline-offset:-2px}.treeNodeRow{display:grid;gap:6px;grid-template-columns:30px minmax(0,1fr)}.treeArboristNode{align-items:center;display:grid;gap:2px;grid-template-columns:22px minmax(0,1fr);min-width:0;width:100%}.treeToggleButton{align-items:center;background:transparent;border:0;border-radius:4px;color:#44546f;display:inline-flex;height:22px;justify-content:center;min-height:22px;padding:0;width:22px}.treeTogglePlaceholder{min-height:22px}.nodeList button,.treeArboristViewport button{background:transparent;border:0;border-radius:4px;color:#172b4d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:500;min-height:24px;overflow-wrap:anywhere;padding:3px 6px;text-align:left;width:100%}.treeNodeButton{align-items:center;display:inline-flex;gap:7px;min-width:0}.treeNodeButton svg{color:#626f86;flex:0 0 auto}.treeNodeLabel{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nodeList button:hover,.treeArboristViewport button:hover,.treeArboristRow:hover .treeNodeButton{background:#f1f2f4;color:#172b4d}.treeArboristRow[aria-selected=true] .treeNodeButton{background:#e9f2ff;color:#0c66e4}.nodeList span,.nodeList li,.treeArboristViewport span{color:#475467;overflow-wrap:anywhere}.emptyState,.panel p{color:#667085;margin:0;padding:14px}.inspectorGrid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.detailPanel{display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:260px;overflow:hidden}.detailSummary dl{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;margin:0;padding:10px 12px}.detailSummary div{display:grid;gap:2px}.detailSummary dt{color:#667085;font-size:12px;font-weight:700}.detailSummary dd{margin:0;overflow-wrap:anywhere}.panel pre,.detailJsonFrame{background:#f8fafc;border:0;border-top:1px solid #e3e8ef;color:#172033;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;max-height:190px;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.detailJsonFrame{max-height:none;min-height:0}@media(max-width:980px){.topToolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 14px}.toolbarActions{width:100%}.statusBar{justify-content:flex-start}.workbench{grid-template-columns:1fr}.inputPanel{grid-template-rows:auto minmax(300px,42vh) auto auto}.sourceTextarea{min-height:300px}}@media(max-width:640px){.workbench{padding:8px}.toolbarActions{align-items:stretch}.mobileButtonRow{border-top:1px solid #e3e8ef;display:flex;gap:8px;padding:10px}.searchControls{align-items:stretch}}