:root{color-scheme:dark;--bg:#0b1020;--panel:rgba(18,25,51,.96);--panel-2:#182144;--text:#eef2ff;--muted:#a9b2d3;--accent:#6ea8fe;--accent-2:#86efac;--warn:#fbbf24;--danger:#f87171;--border:#2b3768}*{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(180deg,#0b1020,#0f1733);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh}.page-inner{max-width:1700px;margin:0 auto;padding:24px}h1{margin:0 0 8px;font-size:32px}h2{margin:0 0 12px;font-size:18px}.subtext{color:var(--muted);margin-bottom:20px}.main-grid,.top-grid{display:grid;grid-gap:16px;gap:16px}.top-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:16px}.main-grid{grid-template-columns:1.2fr 1fr;margin-top:16px}.two-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:12px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.status{padding:10px 12px;border-radius:10px;margin-bottom:12px;background:#182144;color:var(--muted);border:1px solid var(--border)}.status.ok{color:var(--accent-2);border-color:#2f5d40}.status.warn{color:var(--warn);border-color:#6b4f13}.status.err{color:var(--danger);border-color:#6a2a2a}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.button-row.compact{margin-bottom:0}button{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#081020;font-weight:700;cursor:pointer}button.secondary{background:#c4b5fd}button.success{background:var(--accent-2)}button.ghost{background:#23305f;color:var(--text)}.field label,.mini-label{display:block;color:var(--muted);font-size:12px;margin:0 0 6px}input,pre,select,textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:12px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-editor{position:relative;min-height:320px}.code-editor .json-editor,.code-editor .json-highlight{margin:0;min-height:inherit;height:100%}.code-editor .json-highlight{pointer-events:none;position:absolute;inset:0;overflow:auto;white-space:pre-wrap;word-break:break-word}.code-editor .json-editor{position:relative;z-index:1;background:transparent;color:transparent;caret-color:var(--text);resize:vertical}.code-output{min-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.pill{padding:12px;border-radius:12px;background:#17204a;border:1px solid var(--border)}.pill-key{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.pill-value{font-size:20px;font-weight:800}.lookup-results{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.lookup-item{border:1px solid var(--border);border-radius:12px;padding:12px;background:#16204a}.lookup-title{font-weight:700;margin-bottom:4px}.lookup-id,.lookup-subtitle{color:var(--muted);font-size:12px;margin-bottom:6px;word-break:break-word}.json-key{color:#93c5fd}.json-string{color:#86efac}.json-number{color:#f9a8d4}.json-boolean{color:#fbbf24}.json-null{color:#fca5a5}@media (max-width:1200px){.main-grid,.three-grid,.two-grid{grid-template-columns:1fr}}