.pgv-graph-view{--pgv-animation-duration:.3s;--pgv-color-fg:#17202a;--pgv-color-bg:#f9fbfd;--pgv-color-border:#d6dee8;--pgv-color-bg-secondary:#00000008;--pgv-controls-bg:#f3f4f6b3;--pgv-controls-border:#d1d5db4d;--pgv-control-button-bg:#fff;--pgv-control-button-border:#d6dee8;--pgv-control-button-fg:#445160;--pgv-control-button-hover-bg:#f3f4f6;--pgv-control-button-active-bg:#e5e7eb;--pgv-node-bg:#fff;--pgv-node-border:#bfccd9;--pgv-node-accent:#697586;--pgv-node-shadow:0 10px 24px #1018281f;--pgv-node-title-fg:#111827;--pgv-node-id-fg:#667085;--pgv-node-attr-key-fg:#667085;--pgv-node-attr-val-fg:#344054;--pgv-edge-color:#697586;--pgv-edge-label-fg:#445160;--pgv-edge-label-bg:#f9fbfd;--pgv-selected-color:#2563eb;--pgv-selected-shadow:0 0 0 4px #2563eb33;--pgv-focus-color:#f97316;--pgv-focus-shadow:0 0 0 4px #f9731633;--pgv-minimap-node-color:#69758699;--pgv-minimap-edge-color:#69758666;--pgv-minimap-selected-color:#d97706;--pgv-edge-hitarea-width:15px;background-color:var(--pgv-color-bg);width:100%;height:100%;color:var(--pgv-color-fg);width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.35;position:relative;overflow:auto}.pgv-graph-view.pgv-dark{--pgv-color-fg:#e2e8f0;--pgv-color-bg:#0f172a;--pgv-color-border:#334155;--pgv-color-bg-secondary:#ffffff0d;--pgv-controls-bg:#1e293bb3;--pgv-controls-border:#3341554d;--pgv-control-button-bg:#1e293b;--pgv-control-button-border:#334155;--pgv-control-button-fg:#94a3b8;--pgv-control-button-hover-bg:#334155;--pgv-control-button-active-bg:#475569;--pgv-node-bg:#1e293b;--pgv-node-border:#334155;--pgv-node-accent:#64748b;--pgv-node-shadow:0 10px 24px #00000080;--pgv-node-title-fg:#f8fafc;--pgv-node-id-fg:#94a3b8;--pgv-node-attr-key-fg:#94a3b8;--pgv-node-attr-val-fg:#cbd5e1;--pgv-edge-color:#64748b;--pgv-edge-label-fg:#94a3b8;--pgv-edge-label-bg:#0f172a;--pgv-minimap-node-color:#94a3b899;--pgv-minimap-edge-color:#94a3b866;--pgv-minimap-selected-color:#fbbf24;--pgv-selected-color:#3b82f6;--pgv-selected-shadow:0 0 0 4px #3b82f64d;--pgv-focus-color:#ea580c;--pgv-focus-shadow:0 0 0 4px #ea580c4d}@media (prefers-color-scheme:dark){.pgv-graph-view:not(.pgv-light){--pgv-color-fg:#e2e8f0;--pgv-color-bg:#0f172a;--pgv-color-border:#334155;--pgv-color-bg-secondary:#ffffff0d;--pgv-controls-bg:#1e293bb3;--pgv-controls-border:#3341554d;--pgv-control-button-bg:#1e293b;--pgv-control-button-border:#334155;--pgv-control-button-fg:#94a3b8;--pgv-control-button-hover-bg:#334155;--pgv-control-button-active-bg:#475569;--pgv-node-bg:#1e293b;--pgv-node-border:#334155;--pgv-node-accent:#64748b;--pgv-node-shadow:0 10px 24px #00000080;--pgv-node-title-fg:#f8fafc;--pgv-node-id-fg:#94a3b8;--pgv-node-attr-key-fg:#94a3b8;--pgv-node-attr-val-fg:#cbd5e1;--pgv-edge-color:#64748b;--pgv-edge-label-fg:#94a3b8;--pgv-edge-label-bg:#0f172a;--pgv-selected-color:#3b82f6;--pgv-selected-shadow:0 0 0 4px #3b82f64d;--pgv-focus-color:#ea580c;--pgv-focus-shadow:0 0 0 4px #ea580c4d}}.pgv-graph-view.pgv-pan-zoom{overflow:hidden}.pgv-viewport{cursor:grab;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.pgv-pan-zoom-layer{transform-origin:0 0;position:absolute;top:0;left:0}.pgv-viewport:active{cursor:grabbing}.pgv-controls{pointer-events:auto;background:var(--pgv-controls-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pgv-controls-border);touch-action:none;border-radius:12px;flex-direction:column;flex-shrink:0;gap:12px;padding:8px;display:flex}.pgv-controls-buttons{align-items:stretch;gap:12px;display:flex}.pgv-misc-group{flex-direction:column;justify-content:space-between;gap:4px;display:flex}.pgv-misc-top-buttons{grid-template-columns:repeat(4,32px);grid-auto-flow:row;justify-content:flex-end;gap:4px;display:grid}.pgv-mobile-reset-btn{display:none!important}.pgv-minimap{touch-action:none;background:var(--pgv-controls-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pgv-controls-border);box-sizing:border-box;cursor:crosshair;border-radius:6px;width:100%;height:130px;display:none;position:relative;overflow:hidden}.pgv-minimap.pgv-minimap-open{display:block}.pgv-minimap-canvas{width:100%;height:100%;display:block}.pgv-minimap-viewport{border:1px solid var(--pgv-selected-color);box-sizing:border-box;pointer-events:none;background:#2563eb1a;position:absolute}.pgv-history-panel{background:var(--pgv-controls-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pgv-controls-border);box-sizing:border-box;touch-action:none;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:8px;display:none}.pgv-history-panel.pgv-history-panel-open{display:flex}.pgv-control-group{gap:4px;display:grid}.pgv-zoom-group{flex-direction:column;justify-content:center;gap:4px;display:flex}.pgv-pan-group{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);grid-template-areas:".pan-up.""pan-left reset pan-right"".pan-down."}.pgv-controls button,.pgv-smart-view-wrapper .pgv-control-group button{background:var(--pgv-control-button-bg);border:1px solid var(--pgv-control-button-border);color:var(--pgv-control-button-fg);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}@media (hover:hover){.pgv-controls button:hover:not([aria-disabled=true]),.pgv-smart-view-wrapper .pgv-control-group button:hover:not([aria-disabled=true]){background:var(--pgv-control-button-hover-bg)}}.pgv-controls button:active:not([aria-disabled=true]),.pgv-smart-view-wrapper .pgv-control-group button:active:not([aria-disabled=true]){background:var(--pgv-control-button-active-bg)}.pgv-controls button[aria-disabled=true],.pgv-smart-view-wrapper .pgv-control-group button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.pgv-controls button:focus-visible,.pgv-smart-view-wrapper .pgv-control-group button:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);z-index:1;outline:none}.pgv-control-split-button{align-items:stretch;height:32px;display:flex;position:relative}.pgv-control-split-button .pgv-download-action-btn{border-right:none;border-radius:6px 0 0 6px;flex:none;gap:4px;width:80px;padding:0 8px}.pgv-control-split-button .pgv-download-action-btn span{white-space:pre;text-align:left;width:32px;font-size:11px;font-weight:600}.pgv-control-split-button .pgv-download-dropdown-btn{border-radius:0 6px 6px 0;width:24px;padding:0}.pgv-dropdown-menu{background:var(--pgv-control-button-bg);border:1px solid var(--pgv-control-button-border);z-index:20;border-radius:6px;flex-direction:column;min-width:80px;margin-bottom:4px;display:none;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pgv-dropdown-menu.left{left:0;right:auto}.pgv-dropdown-menu.open{display:flex}.pgv-dropdown-menu .pgv-dropdown-option{color:var(--pgv-control-button-fg);cursor:pointer;text-align:center;white-space:nowrap;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s}@media (hover:hover){.pgv-dropdown-menu .pgv-dropdown-option:hover{background:var(--pgv-control-button-hover-bg)}}.pgv-dropdown-menu .pgv-dropdown-option.selected{background:var(--pgv-control-button-active-bg);font-weight:700}.pgv-history-panel button{background:var(--pgv-control-button-bg);border:1px solid var(--pgv-control-button-border);color:var(--pgv-control-button-fg);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}@media (hover:hover){.pgv-history-panel button:hover:not([aria-disabled=true]){background:var(--pgv-control-button-hover-bg)}}.pgv-history-panel button:active:not([aria-disabled=true]){background:var(--pgv-control-button-active-bg)}.pgv-history-panel button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.pgv-history-panel button:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);z-index:1;outline:none}.pgv-search-actions button:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);outline:none}.pgv-graph-node:focus-visible{box-shadow:var(--pgv-focus-shadow);outline:none}.pgv-graph-stage{background-color:var(--pgv-color-bg);position:relative}.pgv-edge-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.pgv-graph-edge{cursor:pointer;pointer-events:auto}@media (hover:hover){.pgv-graph-edge:hover>path:not(.pgv-edge-hitarea){stroke:var(--pgv-node-accent)}.pgv-graph-edge:hover marker path{fill:var(--pgv-node-accent)}}.pgv-graph-edge>path:not(.pgv-edge-hitarea){fill:none;stroke:var(--pgv-edge-color);stroke-linecap:round;stroke-width:2px;transition:stroke .2s}.pgv-graph-edge marker path{fill:var(--pgv-edge-color);transition:fill .2s}.pgv-graph-edge.pgv-selected>path:not(.pgv-edge-hitarea){stroke:var(--pgv-selected-color)}.pgv-graph-edge.pgv-selected marker path{fill:var(--pgv-selected-color)}.pgv-graph-edge:focus-visible{outline:none}.pgv-graph-edge:focus-visible>path:not(.pgv-edge-hitarea){stroke:var(--pgv-focus-color)}.pgv-graph-edge>path.pgv-edge-hitarea{fill:none;stroke:#0000;stroke-width:var(--pgv-edge-hitarea-width)}.pgv-graph-edge:focus-visible marker path{fill:var(--pgv-focus-color)}.pgv-edge-label{fill:var(--pgv-edge-label-fg);paint-order:stroke;pointer-events:none;stroke:var(--pgv-edge-label-bg);stroke-linejoin:round;stroke-width:4px;text-anchor:middle;font-size:12px}.graph-node{z-index:1;background:var(--pgv-node-bg);cursor:pointer;border:1px solid var(--pgv-node-border);border-left:5px solid var(--pgv-node-accent);box-shadow:var(--pgv-node-shadow);box-sizing:border-box;color:var(--pgv-color-fg);min-height:var(--pgv-node-height);width:var(--pgv-node-width);border-radius:8px;align-items:stretch;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.graph-node.pgv-selected{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow)}@media (hover:hover){.graph-node:hover:not(.pgv-selected){border-color:var(--pgv-node-accent)}}.pgv-node-content{gap:4px;width:100%;min-width:0;display:grid}.pgv-node-title{color:var(--pgv-node-title-fg);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.pgv-node-id{color:var(--pgv-node-id-fg);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:12px;overflow:hidden}.pgv-node-attributes{grid-template-columns:max-content minmax(0,1fr);gap:2px 8px;margin:4px 0 0;display:grid}.pgv-node-attributes dt{color:var(--pgv-node-attr-key-fg);margin:0;font-size:12px}.pgv-node-attributes dd{color:var(--pgv-node-attr-val-fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:12px;overflow:hidden}.pgv-top-container{pointer-events:none;z-index:10;flex-direction:column;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.pgv-top-container>*{pointer-events:auto}.pgv-search-bar{background:var(--pgv-controls-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pgv-controls-border);box-sizing:border-box;touch-action:none;border-radius:8px;align-items:stretch;gap:8px;width:100%;padding:4px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.pgv-search-input-inner{flex-grow:1;display:flex;position:relative}.pgv-search-clear-btn{color:var(--pgv-control-button-fg);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}@media (hover:hover){.pgv-search-clear-btn:hover{background:var(--pgv-control-button-hover-bg)}}.pgv-search-clear-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--pgv-selected-color);outline:none}.pgv-search-bar input{background:var(--pgv-node-bg);color:var(--pgv-color-fg);border:1px solid var(--pgv-controls-border);box-sizing:border-box;border-radius:4px;outline:none;width:100%;padding:4px 24px 4px 8px;font-size:12px}.pgv-search-bar input::placeholder{color:var(--pgv-color-fg);opacity:.6}.pgv-search-bar input:focus-visible{box-shadow:var(--pgv-selected-shadow);outline:none}.pgv-search-bar input:focus{border-color:var(--pgv-selected-color)}.pgv-search-dropdown-container{display:flex;position:relative}.pgv-search-dropdown-btn{background:var(--pgv-control-button-bg);border:1px solid var(--pgv-controls-border);color:var(--pgv-control-button-fg);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;padding:0;display:flex}@media (hover:hover){.pgv-search-dropdown-btn:hover{background:var(--pgv-control-button-hover-bg)}}.pgv-search-dropdown-btn:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);outline:none}.pgv-search-dropdown-container .pgv-dropdown-menu{margin-top:8px;inset:100% auto auto 0}.pgv-search-inputs{flex-grow:1;gap:4px;display:flex}.pgv-search-input-wrapper{flex-grow:1;align-items:center;gap:4px;display:flex;position:relative}.pgv-search-toggles{gap:2px;display:flex}.pgv-search-toggle{color:var(--pgv-control-button-fg);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;font-size:11px;font-weight:600;display:flex}@media (hover:hover){.pgv-search-toggle:hover{background:var(--pgv-control-button-hover-bg)}}.pgv-search-toggle.active{background:var(--pgv-selected-color);color:#fff}.pgv-search-toggle:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);outline:none}.pgv-search-actions{align-items:center;gap:4px;display:flex}.pgv-search-results-info{color:var(--pgv-node-id-fg);padding:0 4px;font-size:12px}.pgv-search-actions button{background:var(--pgv-control-button-bg);border:1px solid var(--pgv-control-button-border);color:var(--pgv-control-button-fg);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}@media (hover:hover){.pgv-search-actions button:hover:not([aria-disabled=true]){background:var(--pgv-control-button-hover-bg)}}.pgv-search-actions button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.pgv-bottom-container{pointer-events:none;z-index:10;justify-content:flex-end;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.pgv-bottom-container>*{pointer-events:auto}.pgv-dropdown-menu .pgv-dropdown-option:focus-visible{background:var(--pgv-control-button-hover-bg);box-shadow:inset 0 0 0 2px var(--pgv-selected-color);outline:none}@media (pointer:coarse){.pgv-controls button,.pgv-smart-view-wrapper .pgv-control-group button,.pgv-history-panel button{width:44px;height:44px}.pgv-smart-step-btns button,.pgv-smart-dropdown-btn,.pgv-smart-step-counter{height:44px}.pgv-search-actions button,.pgv-search-dropdown-btn,.pgv-search-toggle{width:44px;height:44px}.pgv-search-bar input{height:44px;font-size:16px}.pgv-pan-group{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px)}.pgv-misc-top-buttons{grid-template-columns:repeat(4,44px)}.pgv-control-split-button{height:44px}.pgv-control-split-button .pgv-download-action-btn{width:96px}.pgv-control-split-button .pgv-download-dropdown-btn{width:44px}}@media (width<=640px){.pgv-search-bar{flex-wrap:wrap}.pgv-search-dropdown-container{order:1}.pgv-search-actions{flex-grow:1;flex-basis:auto;order:2;justify-content:flex-start}.pgv-search-inputs{flex-direction:column;flex-basis:100%;order:3;margin-top:8px}.pgv-search-actions button:last-child{margin-left:auto}}@media (pointer:coarse) and (width<=640px){.pgv-zoom-group,.pgv-pan-group{display:none}.pgv-mobile-reset-btn{display:flex!important}}.pgv-node-collapsed{justify-content:space-between;align-items:center;height:36px!important;min-height:36px!important;padding:8px 14px!important;display:flex!important}.pgv-compound-node.pgv-node-collapsed{box-shadow:var(--pgv-node-shadow), inset 0 0 0 1px var(--pgv-node-border,#d1d5db), inset 5px 0 0 0 var(--pgv-node-accent)}@media (hover:hover){.pgv-compound-node.pgv-node-collapsed:hover:not(.pgv-selected){box-shadow:var(--pgv-node-shadow), inset 0 0 0 1px var(--pgv-node-accent), inset 5px 0 0 0 var(--pgv-node-accent)}}.pgv-compound-node.pgv-node-collapsed.pgv-selected{box-shadow:var(--pgv-node-shadow), inset 0 0 0 2px var(--pgv-selected-color,#2563eb), inset 5px 0 0 0 var(--pgv-selected-color,#2563eb), 0 0 0 4px var(--pgv-selected-ring,#2563eb33)}.pgv-node-header-collapsed{justify-content:space-between;align-items:center;width:100%;display:flex}.pgv-node-collapse-toggle{color:var(--pgv-node-title-fg);cursor:pointer;opacity:.7;z-index:2;background:0 0;border:none;border-radius:4px;padding:0 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:14px;transition:opacity .2s;position:absolute;top:6px;right:6px}.pgv-node-collapsed .pgv-node-collapse-toggle{position:static}@media (hover:hover){.pgv-node-collapse-toggle:hover{opacity:1;background-color:var(--pgv-color-bg-hover)}}.pgv-node-collapse-toggle:focus-visible{outline:2px solid var(--pgv-selected-color);opacity:1}@keyframes pgv-spin{to{transform:rotate(360deg)}}.pgv-spinner{transform-origin:50%;animation:1s linear infinite pgv-spin}.pgv-compound-node{box-sizing:border-box;background-color:var(--pgv-color-bg-secondary);box-shadow:var(--pgv-node-shadow), inset 0 0 0 1px var(--pgv-node-border,#d1d5db);border-radius:var(--pgv-node-radius,8px);transition:transform var(--pgv-transition-speed) ease;will-change:transform;border:none;padding:0;position:absolute;top:0;left:0}@media (hover:hover){.pgv-compound-node:hover:not(.pgv-selected){box-shadow:var(--pgv-node-shadow), inset 0 0 0 1px var(--pgv-node-accent)}.pgv-compound-node:hover:not(.pgv-selected)>.pgv-compound-node-header{box-shadow:inset 0 -1px 0 0 var(--pgv-node-accent), inset 5px 0 0 0 var(--pgv-node-accent)}}.pgv-compound-node.pgv-selected{box-shadow:var(--pgv-node-shadow), inset 0 0 0 2px var(--pgv-selected-color,#2563eb), 0 0 0 4px var(--pgv-selected-ring,#2563eb33)}.pgv-compound-node.pgv-selected>.pgv-compound-node-header{box-shadow:inset 0 -1px 0 0 var(--pgv-node-border,#d1d5db), inset 0 2px 0 0 var(--pgv-selected-color,#2563eb), inset 2px 0 0 0 var(--pgv-selected-color,#2563eb), inset -2px 0 0 0 var(--pgv-selected-color,#2563eb), inset 5px 0 0 0 var(--pgv-selected-color,#2563eb)}.pgv-compound-node-header{background-color:var(--pgv-color-bg);box-shadow:inset 0 -1px 0 0 var(--pgv-node-border,#d1d5db), inset 5px 0 0 0 var(--pgv-node-accent);border-top-left-radius:var(--pgv-node-radius,8px);border-top-right-radius:var(--pgv-node-radius,8px);box-sizing:border-box;justify-content:space-between;align-items:center;height:40px;padding:8px 12px 8px 16px;display:flex}.pgv-compound-node-header .pgv-node-title{color:var(--pgv-node-title-fg);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.pgv-compound-node-header .pgv-node-collapse-toggle{cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:monospace;position:static}.pgv-graph-stage.pgv-animating .pgv-graph-node,.pgv-graph-stage.pgv-animating .pgv-compound-node,.pgv-graph-stage.pgv-animating .pgv-graph-edge,.pgv-graph-stage.pgv-animating .pgv-edge-layer{transition:transform var(--pgv-animation-duration,.3s) ease-in-out, opacity var(--pgv-animation-duration,.3s) ease-in-out}.pgv-graph-stage .exiting,.pgv-graph-stage.exiting{opacity:0;pointer-events:none;transition:opacity var(--pgv-animation-duration,.3s) ease-in-out}.pgv-graph-node.entering,.pgv-graph-edge.entering,.pgv-compound-node.entering{opacity:0;transition:opacity var(--pgv-animation-duration,.3s) ease-in-out}.pgv-control-split-button button:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);z-index:1;outline:none}.pgv-smart-view-wrapper{flex-direction:row;align-items:flex-end;gap:8px;display:flex}.pgv-smart-view-group{background:var(--pgv-controls-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--pgv-controls-border);border-radius:12px;flex-direction:column;justify-content:flex-end;gap:8px;padding:8px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.pgv-smart-misc-group{background-color:var(--pgv-controls-bg);border:1px solid var(--pgv-controls-border);border-radius:8px;padding:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.pgv-smart-step-btns,.pgv-smart-view-dropdown{background:var(--pgv-control-button-bg);border:1px solid var(--pgv-control-button-border);border-radius:6px;flex-grow:1;gap:0;display:flex;overflow:visible;box-shadow:0 1px 2px #0000000d}.pgv-smart-step-btns button,.pgv-smart-dropdown-btn{white-space:nowrap;color:var(--pgv-control-button-fg);border:none;border-right:1px solid var(--pgv-controls-border);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;height:32px;padding:0 10px;transition:all .2s;display:flex}.pgv-smart-dropdown-btn{justify-content:space-between;width:100%}.pgv-smart-step-btns button:last-child,.pgv-smart-dropdown-btn{border-right:none}.pgv-smart-step-btns button:hover:not([aria-disabled=true]),.pgv-smart-dropdown-btn:hover:not([aria-disabled=true]){background:var(--pgv-control-button-hover-bg);color:var(--pgv-control-button-fg)}.pgv-smart-step-btns button[aria-disabled=true],.pgv-smart-dropdown-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.pgv-smart-step-btns button:active:not([aria-disabled=true]),.pgv-smart-dropdown-btn:active:not([aria-disabled=true]){background:var(--pgv-control-button-active-bg);transform:none}.pgv-smart-step-btns button:focus-visible,.pgv-smart-dropdown-btn:focus-visible{border-color:var(--pgv-selected-color);box-shadow:var(--pgv-selected-shadow);z-index:1;outline:none}.pgv-smart-step-btns button:first-child,.pgv-smart-dropdown-btn{border-top-left-radius:5px;border-bottom-left-radius:5px}.pgv-smart-step-btns button:last-child,.pgv-smart-dropdown-btn{border-top-right-radius:5px;border-bottom-right-radius:5px}.pgv-smart-step-counter{border:none;border-right:1px solid var(--pgv-controls-border);min-width:32px;height:32px;color:var(--pgv-control-button-fg);background:0 0;justify-content:center;align-items:center;font-family:monospace;font-size:14px;display:flex}.pgv-smart-view-dropdown{position:relative}.pgv-smart-view-dropdown .pgv-dropdown-menu{white-space:nowrap;transform-origin:0 100%;background:var(--pgv-controls-bg);border:1px solid var(--pgv-controls-border);width:max-content;min-width:120px;top:auto;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.pgv-smart-view-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pgv-smart-step-row{color:var(--pgv-control-button-fg);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.pgv-smart-step-label{width:60px;font-weight:500}.pgv-smart-dropdown-btn span{white-space:nowrap;flex-shrink:0}.pgv-smart-view-panel{pointer-events:auto;margin-right:auto}html{--demo-bg:#fdfdfd;--demo-fg:#2c3e50;--demo-accent:#0f172a;--demo-border:#e2e8f0;--demo-muted:#64748b;background:var(--demo-bg);color:var(--demo-fg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}body{background-color:var(--demo-bg);margin:0;padding:0}.blog-header{background-color:var(--demo-accent);color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:0 1rem;display:flex}.logo{letter-spacing:.5px;font-size:1.25rem;font-weight:700}.blog-header nav a{color:#cbd5e1;margin-left:1.5rem;font-size:.9rem;text-decoration:none;transition:color .2s}.blog-header nav a:hover{color:#fff}.demo-shell{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:3rem 1rem;display:block}.demo-shell h1{text-align:left;color:var(--demo-accent);margin-top:0;margin-bottom:.5rem;font-size:2.5rem;line-height:1.2}.demo-shell h2{color:var(--demo-accent);border-bottom:1px solid var(--demo-border);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}.author-date{color:var(--demo-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:2.5rem;font-size:.9rem}.demo-shell p{margin-bottom:1.5rem;font-size:1.1rem}.graph-container{border:1px solid var(--demo-border);background:#fff;border-radius:4px;width:100%;height:600px;margin:2.5rem 0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.graph-container.dark{background:#0f172a;border-color:#334155}.graph-container:fullscreen{border:none;border-radius:0}