:root{--shell: #f6f6f7;--bg: #ffffff;--hover: #ececee;--selected: #e8e8ec;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--accent: #5b3df5;--accent-bg: #efecfe;--danger: #c4261d;--danger-bg: #fdecea;--ok: #16a34a;--shadow: 0 8px 24px rgb(0 0 0 / 12%), 0 1px 3px rgb(0 0 0 / 8%);--radius: 8px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shell: #151518;--bg: #1c1c20;--hover: #26262b;--selected: #2d2d33;--border: #2f2f36;--text: #ececef;--muted: #9a9aa5;--accent: #a594ff;--accent-bg: #2a2548;--danger: #f97066;--danger-bg: #3a1f1d;--ok: #4ade80;--shadow: 0 8px 24px rgb(0 0 0 / 50%), 0 1px 3px rgb(0 0 0 / 40%)}}:root[data-theme=dark]{--shell: #151518;--bg: #1c1c20;--hover: #26262b;--selected: #2d2d33;--border: #2f2f36;--text: #ececef;--muted: #9a9aa5;--accent: #a594ff;--accent-bg: #2a2548;--danger: #f97066;--danger-bg: #3a1f1d;--ok: #4ade80;--shadow: 0 8px 24px rgb(0 0 0 / 50%), 0 1px 3px rgb(0 0 0 / 40%)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--shell);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}code{font-size:12px;color:var(--muted)}.icon{flex:none}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);height:100vh;transition:grid-template-columns .18s ease}.shell.sidebar-closed{grid-template-columns:0 minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;width:264px;min-width:0;overflow:hidden;padding:12px 0 8px;transition:visibility .18s}.sidebar>*{flex:none}.sidebar>.tree-scroll{flex:1 1 0}.sidebar-closed .sidebar{visibility:hidden}.brand{display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:12px}.brand .logo{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--accent);color:#fff}.brand h1{margin:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:0 8px;height:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--muted)}.search:focus-within{border-color:var(--accent)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;appearance:none}.search input::-webkit-search-cancel-button{appearance:none}.search input::placeholder{color:var(--muted)}.search kbd{font:11px/1 ui-monospace,monospace;padding:3px 6px;border:1px solid var(--border);border-radius:4px}.tree-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 8px}.tree{list-style:none;margin:0;padding:0}.tree .tree{margin-left:15px;padding-left:4px;border-left:1px solid var(--border)}.tree button{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;border:0;border-radius:6px;background:none;text-align:left}.tree button:hover{background:var(--hover)}.tree .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree .kind{color:var(--muted)}.tree .folder{color:var(--muted);font-weight:500}.tree .caret{margin:0 -4px;width:12px;height:12px;transition:transform .12s}.tree .caret.open{transform:rotate(90deg)}.tree .app.selected{background:var(--selected);font-weight:600}.tree .app.selected .kind{color:var(--accent)}.notice{margin:8px;color:var(--muted)}.notice.error{color:var(--danger)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 12px 0 16px;border-top:1px solid var(--border)}.status{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--muted)}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status[data-status=up] .dot{background:var(--ok)}.status[data-status=down] .dot,.status[data-status=unreachable] .dot{background:var(--danger)}.viewer{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;margin:8px 8px 8px 0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.sidebar-closed .viewer{margin-left:8px}.viewer-header{position:relative;display:flex;align-items:center;gap:8px;flex:none;height:48px;padding:0 12px;border-bottom:1px solid var(--border)}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:none;color:var(--muted)}.icon-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-button.active{background:var(--accent-bg);color:var(--accent)}.breadcrumb{display:flex;align-items:center;flex:1;min-width:0;gap:4px}.breadcrumb .crumb{border:0;border-radius:6px;background:none;padding:2px 6px;color:var(--muted);white-space:nowrap}.breadcrumb .crumb:hover{background:var(--hover);color:var(--text)}.breadcrumb .sep{width:12px;height:12px;color:var(--muted)}.breadcrumb .current{margin:0;padding:0 6px;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;align-items:center;gap:4px}.problems{position:relative}.badge{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:14px;background:var(--danger-bg);color:var(--danger);font-size:12px;font-weight:600}.popover{position:absolute;top:36px;right:0;z-index:10;width:min(480px,90vw);max-height:60vh;overflow:auto;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:var(--shadow)}.popover .hint{display:block;color:var(--muted)}.popover ul{margin:8px 0 0;padding-left:18px}.popover li{margin-bottom:4px}.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}.progress:before{content:"";position:absolute;inset:0;width:40%;background:var(--accent);animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.viewer-body{position:relative;display:flex;flex:1;min-height:0}.viewer-body.dragging .data-app{pointer-events:none}.viewer-body.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.data-app{flex:1;min-width:0;width:100%;min-height:0;border:0;background:#fff}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.empty-state .icon{width:40px;height:40px;padding:10px;border-radius:10px;background:var(--shell)}.empty-state p{margin:0}.inspect-dock{position:relative;flex:none;display:flex;border-left:1px solid var(--border);background:var(--bg)}.resize-handle{position:absolute;top:0;bottom:0;left:-3px;width:6px;z-index:2;cursor:col-resize;touch-action:none}.resize-handle:hover{background:var(--accent-bg)}.inspect{display:flex;flex-direction:column;width:100%;min-width:0}.inspect-header{display:flex;align-items:center;justify-content:space-between;flex:none;height:40px;padding:0 8px 0 14px;border-bottom:1px solid var(--border)}.inspect-header h3{margin:0;font-size:13px;font-weight:600}.inspect-body{flex:1;min-height:0;overflow:auto;padding:4px 14px 16px}.inspect-note{color:var(--muted);margin:12px 0}.inspect h4{margin:16px 0 0;font-size:14px}.inspect h5{margin:16px 0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.inspect dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0}.inspect dt{color:var(--muted)}.inspect dd{margin:0;overflow-wrap:anywhere}.inspect .card{margin-bottom:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius)}.inspect .card header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.pill{padding:1px 8px;border-radius:10px;background:var(--hover);color:var(--muted);font-size:11px;font-weight:600}.pill.warn{background:var(--accent-bg);color:var(--accent)}.pill.success{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.pill.error{background:var(--danger-bg);color:var(--danger)}.signature{margin-top:8px;color:var(--muted)}.signature summary{cursor:pointer}.signature code{display:block;margin-top:4px}.inspect code.wrap{overflow-wrap:anywhere}.error-text{margin:8px 0 0;color:var(--danger)}.code{margin-top:8px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--shell);color:var(--muted);font-size:11px}.copy{border:0;border-radius:4px;background:none;padding:2px 6px;color:var(--accent);font-size:11px}.copy:hover{background:var(--hover)}.code pre{margin:0;max-height:220px;overflow:auto;padding:8px;font:12px/1.5 ui-monospace,monospace}.backdrop{position:fixed;inset:0;z-index:19;background:#0000004d}.shell.narrow{grid-template-columns:minmax(0,1fr)}.shell.narrow .viewer{margin:8px}.shell.narrow .sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:264px;background:var(--shell);box-shadow:var(--shadow);transform:translate(0);transition:transform .18s,visibility .18s}.shell.narrow.sidebar-closed .sidebar{transform:translate(-100%)}.shell.narrow .inspect-dock{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(380px,100vw)!important;box-shadow:var(--shadow)}.shell.narrow .resize-handle{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}