:root{background:#eef3f8;color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,textarea{font:inherit}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}button:hover,.fileButton:hover{background:#1d4ed8;border-color:#1d4ed8}button:disabled,button:disabled:hover{background:#eef2f7;border-color:#d6dee9;color:#7b8798;cursor:not-allowed}.appShell{background:linear-gradient(180deg,#f8fbff 0,#eef3f8 240px),#eef3f8;min-height:100vh}.visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.topBar{align-items:center;background:#fff;border-bottom:1px solid #d8e0ea;display:flex;justify-content:space-between;min-height:58px;padding:0 18px}.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;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);min-height:calc(100vh - 116px);padding:12px}.inputPane,.outputPane{min-width:0}.outputPane{display:grid;gap:12px;grid-template-rows:minmax(360px,1fr) auto}.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,.searchPanel input: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{box-shadow:none;padding:0}.searchControls{padding:0}.searchPanel input{background:#fff;border:1px solid #c5cfdc;border-radius:4px;box-sizing:border-box;color:#172033;min-height:34px;padding:7px 10px;width:min(100%,280px)}.searchPanel input:disabled{background:#eef2f7;color:#7b8798}.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}.treeNodeRow{display:grid;gap:6px;grid-template-columns:30px minmax(0,1fr)}.treeToggleButton{min-height:28px;padding:0;text-align:center}.treeTogglePlaceholder{min-height:28px}.nodeList button{background:#fff;border:1px solid #d8e0ea;border-radius:4px;color:#172033;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:500;min-height:30px;overflow-wrap:anywhere;padding:5px 8px;text-align:left;width:100%}.nodeList button:hover{background:#f8fbff;border-color:#9db7e8}.nodeList span,.nodeList li{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{max-height:260px;overflow:auto}.detailSummary dl{display:grid;gap:8px;margin:0;padding: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{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}@media(max-width:980px){.topBar{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 14px}.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){.toolBar,.workbench{padding:8px}.toolGroup{display:none}.mobileButtonRow{border-top:1px solid #e3e8ef;display:flex;gap:8px;padding:10px}.searchControls{align-items:stretch}.searchPanel input{width:100%}}