.pg-demo{--pg-bg-0:#0a0a0b;--pg-bg-1:#141419;--pg-bg-2:#1a1a21;--pg-bg-raised:#22222b;--pg-cyan:#00d9ff;--pg-cyan-dim:rgba(0,217,255,.15);--pg-cyan-edge:rgba(0,217,255,.35);--pg-amber:#ffb800;--pg-orange:#f90;--pg-green:#00ff80;--pg-red:#ff5940;--pg-text:#e8ecf1;--pg-text-dim:#9aa4b2;--pg-text-faint:#6b7480;--pg-border:hsla(0,0%,100%,.08);--pg-radius:8px;--pg-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;--pg-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}.pg-demo-stage{position:relative;overflow:hidden;height:clamp(600px,80vh,820px);border:1px solid var(--pg-border);border-radius:12px;background:var(--pg-bg-0);isolation:isolate}body.pg-demo-interacting{-moz-user-select:none;user-select:none;-webkit-user-select:none}.pg-demo-browserbar{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;background:#1c1c22;border-bottom:1px solid var(--pg-border)}.pg-demo-browserbar .pg-demo-dots{display:flex;gap:6px}.pg-demo-browserbar .pg-demo-dots span{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.14)}.pg-demo-urlbox{flex:1;max-width:420px;margin:0 auto;padding:4px 12px;border-radius:6px;background:hsla(0,0%,100%,.06);color:var(--pg-text-faint);font-family:var(--pg-mono);font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-demo-viewport{position:absolute;inset:36px 0 0 0}.pg-demo-pagescroll{position:absolute;inset:26px 0 0 0;overflow-y:auto;overflow-x:hidden}.pg-demo-panel{position:absolute;visibility:hidden}.pg-demo-panel.pg-placed{visibility:visible}.pg-demo .pg-dot{width:8px;height:8px;border-radius:50%;flex:none}.pg-demo .pg-dot-on{background:var(--pg-green);box-shadow:0 0 8px var(--pg-green)}.pg-demo .pg-dot-off{background:var(--pg-amber);box-shadow:0 0 8px var(--pg-amber)}.pg-demo .pg-brand{display:flex;flex-direction:column;flex:1;min-width:0}.pg-demo .pg-brand-name{align-self:flex-start;font-weight:700;font-size:12px;letter-spacing:.4px;color:var(--pg-cyan);text-decoration:none;cursor:pointer}.pg-demo .pg-brand-name:hover{text-decoration:underline}.pg-demo .pg-brand-sub{font-size:10px;color:var(--pg-text-faint)}.pg-demo .pg-chat-close,.pg-demo .pg-chat-icon,.pg-demo .pg-chat-minimize,.pg-demo .pg-footer-close,.pg-demo .pg-footer-toggle,.pg-demo .pg-head .pg-x,.pg-demo .pg-stats-close,.pg-demo .pg-stats-toggle,.pg-demo .pg-stats-verbose-toggle{background:var(--pg-bg-raised);border:1px solid var(--pg-border);color:var(--pg-text-dim);width:32px;height:32px;padding:0;flex:none;border-radius:var(--pg-radius);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}.pg-demo .pg-chat-close:hover,.pg-demo .pg-chat-icon:hover,.pg-demo .pg-chat-minimize:hover,.pg-demo .pg-footer-close:hover,.pg-demo .pg-footer-toggle:hover,.pg-demo .pg-head .pg-x:hover,.pg-demo .pg-stats-close:hover,.pg-demo .pg-stats-toggle:hover,.pg-demo .pg-stats-verbose-toggle:hover{background:var(--pg-cyan-dim);border-color:var(--pg-cyan-edge);color:var(--pg-cyan)}.pg-demo .pg-resize-handle{position:absolute;z-index:10}.pg-demo .pg-resize-n,.pg-demo .pg-resize-s{left:0;right:0;height:10px;cursor:ns-resize}.pg-demo .pg-resize-n{top:0}.pg-demo .pg-resize-s{bottom:0}.pg-demo .pg-resize-e,.pg-demo .pg-resize-w{top:0;bottom:0;width:10px;cursor:ew-resize}.pg-demo .pg-resize-e{right:0}.pg-demo .pg-resize-w{left:0}.pg-demo .pg-resize-ne,.pg-demo .pg-resize-nw,.pg-demo .pg-resize-se,.pg-demo .pg-resize-sw{width:24px;height:24px;z-index:11}.pg-demo .pg-resize-ne{top:0;right:0;cursor:nesw-resize}.pg-demo .pg-resize-nw{top:0;left:0;cursor:nwse-resize}.pg-demo .pg-resize-se{bottom:0;right:0;cursor:nwse-resize}.pg-demo .pg-resize-sw{bottom:0;left:0;cursor:nesw-resize}.pg-demo .pg-resize-handle:hover:after{content:"";position:absolute;background:var(--pg-cyan-dim);inset:0}.pg-demo .pg-strip-wrap{position:absolute;top:0;left:0;right:0;width:100%;height:26px;z-index:200}.pg-demo .pg-strip{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;height:26px;padding:0 10px;background:var(--pg-bg-1);border-bottom:1px solid var(--pg-cyan-edge);color:var(--pg-text-dim);font-family:var(--pg-font);font-size:11px;line-height:1;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-demo .pg-strip-off{border-bottom-color:var(--pg-border);opacity:.8}.pg-demo .pg-strip-off .pg-strip-brand{color:var(--pg-text-faint)}.pg-demo .pg-strip b{font-weight:700;color:var(--pg-text)}.pg-demo .pg-strip-brand{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;color:var(--pg-cyan);font-weight:600;letter-spacing:.4px}.pg-demo .pg-strip-brand-link{color:inherit;text-decoration:none;cursor:pointer}.pg-demo .pg-strip-brand-link:hover{text-decoration:underline}.pg-demo .pg-strip-led{width:6px;height:6px;border-radius:50%;background:var(--pg-green);box-shadow:0 0 4px var(--pg-green)}.pg-demo .pg-strip-led.pg-led-bad{background:var(--pg-red);box-shadow:0 0 4px var(--pg-red)}.pg-demo .pg-strip-led.pg-led-off{background:var(--pg-text-faint);box-shadow:none}.pg-demo .pg-strip-headline{display:inline-flex;align-items:center;gap:4px}.pg-demo .pg-strip-headline.pg-bad,.pg-demo .pg-strip-headline.pg-bad b{color:var(--pg-red)}.pg-demo .pg-strip-headline.pg-ok b{color:var(--pg-green)}.pg-demo .pg-idle,.pg-demo .pg-idle b{color:var(--pg-text-faint)!important}.pg-demo .pg-strip-parts{display:inline-flex;align-items:center;gap:6px;color:var(--pg-text-faint)}.pg-demo .pg-strip-part.pg-hot,.pg-demo .pg-strip-part.pg-hot b{color:var(--pg-red)}.pg-demo .pg-strip-dot{opacity:.5}.pg-demo .pg-strip-dot,.pg-demo .pg-strip-warn{color:var(--pg-text-faint)}.pg-demo .pg-strip-warn.pg-warnhot,.pg-demo .pg-strip-warn.pg-warnhot b{color:var(--pg-amber)}.pg-demo .pg-strip-spacer{flex:1}.pg-demo .pg-strip-controls{display:inline-flex;align-items:center;gap:4px}.pg-demo .pg-strip-chip{background:none;border:1px solid var(--pg-border);border-radius:4px;padding:2px 7px;margin:0;font:inherit;font-size:10px;font-weight:600;color:var(--pg-text-dim);cursor:pointer}.pg-demo .pg-strip-chip:hover:not(:disabled){border-color:var(--pg-cyan-edge);color:var(--pg-text)}.pg-demo .pg-strip-chip:disabled{opacity:.55;cursor:progress}.pg-demo .pg-strip-chip.pg-chip-on{border-color:var(--pg-cyan-edge);background:var(--pg-cyan-dim);color:var(--pg-cyan)}.pg-demo .pg-strip-master{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:2px 4px;margin:0 0 0 6px;font:inherit;cursor:pointer;border-radius:4px;color:var(--pg-text-faint)}.pg-demo .pg-strip-master:hover{background:hsla(0,0%,100%,.06)}.pg-demo .pg-master-track{display:inline-flex;align-items:center;width:22px;height:12px;border-radius:6px;background:var(--pg-bg-raised);border:1px solid var(--pg-border);padding:1px;transition:background .15s}.pg-demo .pg-master-knob{width:8px;height:8px;border-radius:50%;background:var(--pg-text-faint);transition:transform .15s,background .15s}.pg-demo .pg-master-on .pg-master-track{background:var(--pg-cyan-dim);border-color:var(--pg-cyan-edge)}.pg-demo .pg-master-on .pg-master-knob{transform:translateX(10px);background:var(--pg-cyan)}.pg-demo .pg-master-on,.pg-demo .pg-master-on .pg-master-label{color:var(--pg-cyan)}.pg-demo .pg-master-label{font-size:9px;font-weight:700;letter-spacing:.5px}@media (max-width:640px){.pg-demo .pg-strip-parts,.pg-demo .pg-strip-warn{display:none}}.pg-demo .pg-cc{width:320px;max-height:78vh;position:relative;display:flex;flex-direction:column;background:var(--pg-bg-1);color:var(--pg-text);font-family:var(--pg-font);font-size:13px;line-height:1.45;border:1px solid var(--pg-cyan-edge);border-radius:var(--pg-radius);box-shadow:0 10px 40px rgba(0,0,0,.55);overflow:hidden;margin:12px}.pg-demo .pg-cc,.pg-demo .pg-cc *,.pg-demo .pg-cc :after,.pg-demo .pg-cc :before{box-sizing:border-box}.pg-demo .pg-cc-min{width:320px}.pg-demo .pg-cc.pg-dragging{box-shadow:0 16px 50px rgba(0,0,0,.65)}.pg-demo .pg-cc.pg-resized{max-height:none}.pg-demo .pg-head{display:flex;align-items:center;gap:8px;padding:9px 10px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--pg-bg-2);border-bottom:1px solid var(--pg-border)}.pg-demo .pg-head [data-action=minimize]{font-size:16px}.pg-demo .pg-tabs{display:flex;border-bottom:1px solid var(--pg-border);background:var(--pg-bg-2)}.pg-demo .pg-tab{flex:1;background:transparent;cursor:pointer;color:var(--pg-text-faint);font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:8px 4px;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.pg-demo .pg-tab:hover{color:var(--pg-text-dim)}.pg-demo .pg-tab-active{color:var(--pg-cyan);border-bottom-color:var(--pg-cyan)}.pg-demo .pg-body{overflow-y:auto;padding:10px;flex:1;min-height:0}.pg-demo .pg-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pg-demo .pg-tile{background:var(--pg-bg-2);border:1px solid var(--pg-border);border-radius:6px;padding:8px;text-align:center}.pg-demo .pg-tile-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--pg-text-faint)}.pg-demo .pg-tile-value{display:block;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.pg-demo .pg-tone-ok .pg-tile-value{color:var(--pg-green)}.pg-demo .pg-tone-warn .pg-tile-value{color:var(--pg-amber)}.pg-demo .pg-tone-bad .pg-tile-value{color:var(--pg-red)}.pg-demo .pg-tone-warn{border-color:rgba(255,184,0,.3)}.pg-demo .pg-tone-bad{border-color:rgba(255,89,64,.3)}.pg-demo .pg-metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:10px 0}.pg-demo .pg-metric{display:flex;justify-content:space-between;font-size:11px}.pg-demo .pg-metric-label{color:var(--pg-text-faint)}.pg-demo .pg-metric-value{color:var(--pg-text-dim);font-family:var(--pg-mono);font-variant-numeric:tabular-nums}.pg-demo .pg-primary{width:100%;margin-top:4px;padding:9px;background:var(--pg-cyan-dim);color:var(--pg-cyan);border:1px solid var(--pg-cyan-edge);border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.pg-demo .pg-primary:hover{background:rgba(0,217,255,.24)}.pg-demo .pg-launchers{margin-top:12px;padding-top:10px;border-top:1px solid var(--pg-border)}.pg-demo .pg-launch-title{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--pg-text-faint);margin-bottom:6px}.pg-demo .pg-launch-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.pg-demo .pg-launch{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--pg-bg-2);border:1px solid var(--pg-border);border-radius:6px;padding:7px 4px;cursor:pointer;font-family:inherit;color:var(--pg-text-dim);transition:background .15s,border-color .15s,color .15s}.pg-demo .pg-launch:hover:not(:disabled){border-color:var(--pg-cyan-edge);color:var(--pg-text)}.pg-demo .pg-launch:disabled{opacity:.55;cursor:progress}.pg-demo .pg-launch-label{font-size:11px;font-weight:600}.pg-demo .pg-launch-state{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--pg-text-faint)}.pg-demo .pg-launch-on{background:var(--pg-cyan-dim);border-color:var(--pg-cyan-edge);color:var(--pg-cyan)}.pg-demo .pg-launch-on .pg-launch-state{color:var(--pg-cyan)}.pg-demo .pg-cta{display:block;margin-top:10px;padding:9px;text-align:center;background:var(--pg-cyan);color:#04121a;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none}.pg-demo .pg-cta:hover{background:#4ce4ff}.pg-demo .pg-logs{display:flex;flex-direction:column;gap:4px}.pg-demo .pg-log{display:flex;align-items:flex-start;gap:6px;background:var(--pg-bg-2);border-left:2px solid var(--pg-border);border-radius:4px;padding:6px 7px}.pg-demo .pg-log-bad{border-left-color:var(--pg-red)}.pg-demo .pg-log-warn{border-left-color:var(--pg-amber)}.pg-demo .pg-log-dim{border-left-color:var(--pg-text-faint);opacity:.72}.pg-demo .pg-log-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pg-demo .pg-log-level{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--pg-text-faint)}.pg-demo .pg-log-text{font-size:11px;font-family:var(--pg-mono);word-break:break-word}.pg-demo .pg-log-src{font-size:9px;color:var(--pg-text-faint);font-family:var(--pg-mono)}.pg-demo .pg-discuss{flex:none;background:transparent;color:var(--pg-cyan);border:1px solid var(--pg-cyan-edge);border-radius:4px;font-family:inherit;font-size:10px;padding:3px 7px;cursor:pointer;transition:background .15s}.pg-demo .pg-discuss:hover{background:var(--pg-cyan-dim)}.pg-demo .pg-empty{color:var(--pg-text-faint);font-size:11px;text-align:center;padding:20px 8px}.pg-demo .pg-punch{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pg-demo .pg-punch-row{display:flex;gap:8px;align-items:flex-start}.pg-demo .pg-ic{flex:none;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}.pg-demo .pg-ic-done{background:rgba(0,255,128,.15);color:var(--pg-green)}.pg-demo .pg-ic-missing{background:rgba(255,184,0,.15);color:var(--pg-amber)}.pg-demo .pg-ic-unknown{background:hsla(0,0%,100%,.06);color:var(--pg-text-faint)}.pg-demo .pg-punch-text{display:flex;flex-direction:column;min-width:0}.pg-demo .pg-punch-label{font-size:12px;font-weight:600}.pg-demo .pg-punch-detail{font-size:10px;color:var(--pg-text-faint)}.pg-demo .pg-punch-unknown .pg-punch-label{color:var(--pg-text-dim);font-weight:500}.pg-demo .pg-why{font-size:11px;color:var(--pg-text-dim);margin:12px 0 0}.pg-demo .pg-sheet{display:none;border-top:1px solid var(--pg-cyan-edge);background:var(--pg-bg-2)}.pg-demo .pg-sheet-open{display:block}.pg-demo .pg-sheet-inner{padding:10px}.pg-demo .pg-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.pg-demo .pg-sheet-head strong{font-size:12px;color:var(--pg-cyan)}.pg-demo .pg-sheet .pg-x{background:transparent;border:none;color:var(--pg-text-dim);width:24px;height:24px;border-radius:5px;cursor:pointer;font-size:13px;line-height:1;flex:none;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.pg-demo .pg-sheet .pg-x:hover{background:hsla(0,0%,100%,.08);color:var(--pg-text)}.pg-demo .pg-sheet-body{font-family:var(--pg-mono);font-size:10px;color:var(--pg-text-dim);background:var(--pg-bg-0);border-radius:4px;padding:6px;margin:6px 0;word-break:break-word}.pg-demo .pg-sheet-note{font-size:11px;color:var(--pg-text-dim);margin:6px 0 0}.pg-demo .pg-sheet .pg-cta{margin:10px 0 0}.pg-demo .pg-approw{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;border-top:1px solid var(--pg-border);background:var(--pg-bg-2)}.pg-demo .pg-appbtn{background:var(--pg-bg-raised);border:1px solid var(--pg-border);border-radius:6px;padding:6px 4px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;color:var(--pg-text-dim);transition:background .15s,border-color .15s,color .15s}.pg-demo .pg-appbtn:hover{border-color:var(--pg-cyan-edge);color:var(--pg-cyan);background:var(--pg-cyan-dim)}.pg-demo .pg-foot{padding:6px 10px;font-size:9px;color:var(--pg-text-faint);text-align:center;border-top:1px solid var(--pg-border);background:var(--pg-bg-2)}.pg-demo .pg-foot kbd{background:hsla(0,0%,100%,.08);border-radius:3px;padding:1px 4px;font-family:var(--pg-mono);font-size:9px}.pg-demo .pg-cc-min .pg-resize-handle{display:none}.pg-demo .pg-stats-overlay{background:var(--pg-bg-1);backdrop-filter:blur(10px);border-radius:var(--pg-radius);box-shadow:0 8px 24px rgba(0,0,0,.55);color:var(--pg-text);font-family:var(--pg-font);font-size:12px;width:260px;height:610px;border:1px solid;overflow:hidden;position:relative;transition:all .2s;display:flex;flex-direction:column}.pg-demo .pg-stats-overlay.pg-resizing{transition:none}.pg-demo .pg-stats-good{border-color:var(--pg-cyan-edge)}.pg-demo .pg-stats-warning{border-color:var(--pg-amber)}.pg-demo .pg-stats-critical{border-color:var(--pg-red)}.pg-demo .pg-stats-overlay.pg-dragging{cursor:move;box-shadow:0 8px 16px rgba(0,0,0,.65)}.pg-demo .pg-stats-overlay-minimal{height:auto;max-height:260px;min-height:auto}.pg-demo .pg-stats-overlay.pg-resized{max-height:none;height:100%}.pg-demo .pg-stats-header{background:var(--pg-bg-0);padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--pg-border)}.pg-demo .pg-stats-title{flex:1;display:flex;align-items:center;gap:8px}.pg-demo .pg-stats-buttons{display:flex;gap:4px;align-items:center}.pg-demo .pg-stats-toggle{font-size:16px}.pg-demo .pg-stats-verbose-toggle{font-size:14px}.pg-demo .pg-stats-minimal{padding:6px 10px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.pg-demo .pg-stats-detailed{padding:10px;flex:1;overflow-y:auto;overflow-x:hidden}.pg-demo .pg-stats-detailed .pg-stats-category{margin-bottom:12px}.pg-demo .pg-stats-detailed::-webkit-scrollbar{width:8px}.pg-demo .pg-stats-detailed::-webkit-scrollbar-track{background:transparent;border-radius:4px}.pg-demo .pg-stats-detailed::-webkit-scrollbar-thumb{background:var(--pg-border);border-radius:4px}.pg-demo .pg-stats-detailed::-webkit-scrollbar-thumb:hover{background:var(--pg-cyan-edge)}.pg-demo .pg-stat-ok{color:var(--pg-green)}.pg-demo .pg-stat-warning{color:var(--pg-amber)}.pg-demo .pg-stats-category{background:var(--pg-bg-2);border:1px solid var(--pg-border);border-radius:6px;overflow:hidden;margin-bottom:0}.pg-demo .pg-category-header{background:var(--pg-bg-raised);color:var(--pg-text-dim);padding:3px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--pg-border)}.pg-demo .pg-category-content{padding:4px 10px;display:flex;flex-direction:column;gap:3px}.pg-demo .pg-stats-overlay .pg-metric-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.pg-demo .pg-metric-row-nested{padding-left:12px;opacity:.85}.pg-demo .pg-metric-row-nested .pg-metric-label{font-weight:400}.pg-demo .pg-stats-overlay .pg-metric-label{color:var(--pg-text-dim);font-weight:500;white-space:nowrap;flex-shrink:0}.pg-demo .pg-stats-overlay .pg-metric-value{font-weight:700;font-family:var(--pg-mono);font-size:12px;white-space:nowrap;flex-shrink:0;margin-left:8px;color:var(--pg-text)}@keyframes pg-stats-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.pg-demo .pg-stats-overlay{animation:pg-stats-appear .2s ease-out}}.pg-demo .pg-widget-footer{background:var(--pg-bg-0);color:var(--pg-text-faint);border-top:1px solid var(--pg-border);font-size:9px;padding:5px 10px;text-align:center}.pg-demo .pg-widget-footer kbd{background:var(--pg-bg-raised);color:var(--pg-text-dim);border:1px solid var(--pg-border);font-family:var(--pg-mono);border-radius:3px;padding:0 4px;font-size:9px}.pg-demo .pg-debug-footer-wrap{position:absolute;bottom:0;top:auto;left:0;right:0;width:100%;z-index:150}.pg-demo .pg-debug-footer-container{font-family:var(--pg-font);font-size:13px;background:var(--pg-bg-1);color:var(--pg-text);border:1px solid;box-shadow:0 -2px 10px rgba(0,0,0,.55);width:100%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pg-demo .pg-debug-footer-container.pg-resized{display:flex;flex-direction:column;transition:none}.pg-demo .pg-debug-footer-container.pg-resized .pg-debug-footer-expanded{max-height:none;flex:1;min-height:0}.pg-demo .pg-debug-footer-container.pg-resized .pg-logs-container{max-height:none;flex:1}.pg-demo .pg-footer-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--pg-bg-0)!important;border-bottom:1px solid var(--pg-border);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-demo .pg-footer-header[data-draggable=true]{cursor:move}.pg-demo .pg-footer-title{display:flex;align-items:center;gap:8px}.pg-demo .pg-footer-buttons{display:flex;gap:4px}.pg-demo .pg-footer-toggle{font-size:16px}.pg-demo .pg-minimized .pg-resize-handle{display:none}.pg-demo .pg-debug-footer-container.pg-minimized{width:260px!important;border-radius:var(--pg-radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.6)}.pg-demo .pg-debug-footer-container.pg-minimized .pg-debug-footer-collapsed,.pg-demo .pg-debug-footer-container.pg-minimized .pg-debug-footer-expanded{display:none}.pg-demo .pg-debug-footer-good{border-color:var(--pg-cyan-edge)}.pg-demo .pg-debug-footer-warning{border-color:var(--pg-amber)}.pg-demo .pg-debug-footer-error{border-color:var(--pg-red)}.pg-demo .pg-debug-footer-collapsed{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--pg-bg-2);border-bottom:1px solid var(--pg-border);position:relative}.pg-demo .pg-debug-status{display:flex;align-items:center;gap:8px;font-weight:600}.pg-demo .pg-status-icon{font-size:18px}.pg-demo .pg-error-badges,.pg-demo .pg-stats-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-demo .pg-badge{padding:4px 12px;border:1px solid var(--pg-border);background:var(--pg-bg-raised);color:var(--pg-text-dim);border-radius:4px;font-size:12px;font-family:var(--pg-mono);cursor:pointer;transition:all .2s;white-space:nowrap}.pg-demo .pg-badge-active,.pg-demo .pg-badge:hover{border-color:var(--pg-cyan-edge)}.pg-demo .pg-badge-active{background:var(--pg-cyan-dim);color:var(--pg-cyan);text-decoration:underline}.pg-demo .pg-badge-error{color:var(--pg-red)}.pg-demo .pg-badge-api{color:var(--pg-orange)}.pg-demo .pg-badge-csp,.pg-demo .pg-badge-network,.pg-demo .pg-badge-warning{color:var(--pg-amber)}.pg-demo .pg-badge-memory{color:var(--pg-cyan)}.pg-demo .pg-badge-network-health{color:var(--pg-green)}.pg-demo .pg-badge-network-health.pg-badge-error{color:var(--pg-red)}.pg-demo .pg-badge-load{color:var(--pg-cyan)}.pg-demo .pg-badge-timing{color:var(--pg-text-dim)}.pg-demo .pg-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.pg-demo .pg-btn{padding:6px 12px;border:1px solid var(--pg-cyan-edge);background:var(--pg-cyan-dim);color:var(--pg-cyan);border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s,color .2s;font-weight:500;font-family:inherit}.pg-demo .pg-btn:hover{background:var(--pg-cyan);color:var(--pg-bg-0)}.pg-demo .pg-btn-clear{background:transparent;border-color:var(--pg-red);color:var(--pg-red)}.pg-demo .pg-btn-clear:hover{background:var(--pg-red);color:var(--pg-bg-0)}.pg-demo .pg-debug-footer-expanded{border-top:1px solid var(--pg-border);max-height:400px;overflow:hidden;display:flex;flex-direction:column}.pg-demo .pg-debug-header{padding:12px 20px;background:var(--pg-bg-0);color:var(--pg-text-dim);border-bottom:1px solid var(--pg-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pg-demo .pg-debug-info{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.pg-demo .pg-debug-info code{background:var(--pg-bg-raised);color:var(--pg-cyan);padding:2px 6px;border-radius:3px;font-family:var(--pg-mono);font-size:11px}.pg-demo .pg-btn-fix-all{background:transparent;border:1px solid var(--pg-green);color:var(--pg-green);padding:8px 16px;margin-left:auto;font-weight:600;cursor:pointer;transition:all .2s;border-radius:4px;font-size:12px;font-family:inherit}.pg-demo .pg-btn-fix-all:hover{background:var(--pg-green);color:var(--pg-bg-0);transform:translateY(-1px)}.pg-demo .pg-logs-container{overflow-y:auto;padding:12px 20px;max-height:300px;background:var(--pg-bg-1)}.pg-demo .pg-no-logs{text-align:center;padding:40px 20px;color:var(--pg-green);font-size:14px}.pg-demo .pg-log-entry{margin-bottom:12px;padding:12px;background:var(--pg-bg-2);border:1px solid var(--pg-border);border-left:3px solid;border-radius:4px}.pg-demo .pg-log-entry.pg-log-error{border-left-color:var(--pg-red)}.pg-demo .pg-log-entry.pg-log-api{border-left-color:var(--pg-orange)}.pg-demo .pg-log-entry.pg-log-csp,.pg-demo .pg-log-entry.pg-log-network,.pg-demo .pg-log-entry.pg-log-warning{border-left-color:var(--pg-amber)}.pg-demo .pg-log-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;color:var(--pg-text-faint)}.pg-demo .pg-log-message{margin-bottom:8px;line-height:1.5;font-size:13px}.pg-demo .pg-log-count{background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.pg-demo .pg-log-stack{margin-top:8px}.pg-demo .pg-log-stack summary{cursor:pointer;font-size:11px;color:var(--pg-text-faint);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-demo .pg-log-stack pre{margin-top:8px;padding:12px;background:var(--pg-bg-0);color:var(--pg-text-dim);border-radius:4px;font-family:var(--pg-mono);font-size:11px;overflow-x:auto;max-height:200px;overflow-y:auto}.pg-demo .pg-logs-container::-webkit-scrollbar{width:8px;height:8px}.pg-demo .pg-logs-container::-webkit-scrollbar-track{background:transparent}.pg-demo .pg-logs-container::-webkit-scrollbar-thumb{background:var(--pg-border);border-radius:4px}.pg-demo .pg-logs-container::-webkit-scrollbar-thumb:hover{background:var(--pg-cyan-edge)}.pg-demo .pg-btn-discuss{padding:4px 10px;border:1px solid var(--pg-cyan-edge);background:var(--pg-cyan-dim);color:var(--pg-cyan);border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s;font-weight:600;margin-left:auto;font-family:inherit}.pg-demo .pg-btn-discuss:hover{background:var(--pg-cyan);color:var(--pg-bg-0);transform:translateY(-1px)}.pg-demo .pg-btn-discuss:disabled{opacity:.6;cursor:progress;transform:none}.pg-demo .pg-chat-window{width:600px;max-width:90vw;height:480px;background:var(--pg-bg-1);color:var(--pg-text);border-radius:var(--pg-radius);border:1px solid var(--pg-cyan-edge);box-shadow:0 20px 60px rgba(0,0,0,.55);display:flex;flex-direction:column;font-family:var(--pg-font);position:relative}.pg-demo .pg-chat-window.pg-dragging{box-shadow:0 30px 80px rgba(0,0,0,.65);cursor:move}.pg-demo .pg-chat-window.pg-minimized{width:auto!important;min-width:260px;height:auto!important;background:transparent!important}.pg-demo .pg-chat-window.pg-minimized .pg-resize-handle{display:none}.pg-demo .pg-chat-window.pg-minimized .pg-chat-footer,.pg-demo .pg-chat-window.pg-minimized .pg-term-host{display:none!important}.pg-demo .pg-chat-header{background:var(--pg-bg-0);position:relative;color:var(--pg-text);padding:8px 12px;border-bottom:1px solid var(--pg-cyan-edge);border-radius:var(--pg-radius) var(--pg-radius) 0 0;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-demo .pg-chat-title{display:flex;align-items:center;gap:10px;min-width:0}.pg-demo .pg-chat-session-pid{font-size:10px;color:var(--pg-text-faint);font-family:var(--pg-mono);white-space:nowrap}.pg-demo .pg-chat-header-buttons{display:flex;gap:4px;align-items:center}.pg-demo .pg-chat-icon-brain{color:#ef4444}.pg-demo .pg-chat-icon-brain[aria-pressed=true]{background:#ef4444;border-color:#ef4444;color:#fff}.pg-demo .pg-term-host{flex:1 1 auto;min-height:0;min-width:0;position:relative;background:#1e1f2a;padding:10px 12px;overflow-y:auto;font-family:var(--pg-mono);font-size:12px;line-height:1.6;color:#cdd6f4}.pg-demo .pg-term-host::-webkit-scrollbar{width:8px}.pg-demo .pg-term-host::-webkit-scrollbar-track{background:#1e1f2a}.pg-demo .pg-term-host::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.pg-demo .pg-term-line{white-space:pre-wrap;word-break:break-word}.pg-demo .pg-term-line.pg-term-system{color:#6c7086;font-style:italic}.pg-demo .pg-term-line.pg-term-user{color:#89dceb}.pg-demo .pg-term-line.pg-term-user:before{content:"❯ ";color:#a6e3a1}.pg-demo .pg-term-line.pg-term-assistant{color:#cdd6f4}.pg-demo .pg-term-line.pg-term-ok{color:#a6e3a1}.pg-demo .pg-term-cursor{display:inline-block;width:7px;height:14px;background:#cdd6f4;vertical-align:text-bottom}@media (prefers-reduced-motion:no-preference){.pg-demo .pg-term-cursor{animation:pg-cursor-blink 1.1s steps(1) infinite}}@keyframes pg-cursor-blink{50%{opacity:0}}.pg-demo .pg-chat-minimized-stats{background:var(--pg-bg-0);border:1px solid var(--pg-border);border-top:none;padding:8px 12px;display:flex;gap:16px;align-items:center;justify-content:space-around;border-radius:0 0 var(--pg-radius) var(--pg-radius);font-size:12px;color:var(--pg-text);backdrop-filter:blur(10px)}.pg-demo .pg-chat-minimized-stats .pg-stat-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.pg-demo .pg-chat-minimized-stats .pg-stat-label{color:var(--pg-text-dim);font-weight:500}.pg-demo .pg-chat-minimized-stats .pg-stat-value{font-weight:700;font-size:14px;font-family:var(--pg-mono)}.pg-demo .pg-chat-minimized-stats .pg-stat-value.pg-error{color:var(--pg-red)}.pg-demo .pg-chat-minimized-stats .pg-stat-value.pg-warning{color:var(--pg-amber)}.pg-demo .pg-chat-minimized-stats .pg-stat-sub{color:var(--pg-cyan);font-size:11px;font-family:var(--pg-mono);opacity:.9}.pg-demo .pg-chat-footer{display:flex;justify-content:space-between;padding:6px 12px;background:var(--pg-bg-0);border-top:1px solid var(--pg-border);border-radius:0 0 var(--pg-radius) var(--pg-radius);color:var(--pg-text-faint);font-size:10px}.pg-demo-stage .pg-debug-footer-expanded{max-height:300px}.pg-demo-stage .pg-logs-container{max-height:190px}.pg-demo-app{min-height:100%;padding:28px 32px 220px;font-family:var(--pg-font);color:var(--pg-text-dim);background:radial-gradient(1200px 400px at 70% -10%,rgba(0,217,255,.05),transparent),var(--pg-bg-0)}.pg-demo-app-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.pg-demo-app-title{font-size:18px;font-weight:700;color:var(--pg-text)}.pg-demo-app-title span{color:var(--pg-text-faint);font-weight:400;font-size:12px;margin-left:8px}.pg-demo-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.pg-demo-card{background:var(--pg-bg-1);border:1px solid var(--pg-border);border-radius:10px;padding:16px;transition:border-color .4s,background .4s}.pg-demo-card h3{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--pg-text-faint);margin:0 0 10px}.pg-demo-card .pg-demo-value{font-size:22px;font-weight:700;color:var(--pg-text);font-variant-numeric:tabular-nums}.pg-demo-card .pg-demo-note{font-size:11px;margin-top:6px}.pg-demo-card.pg-demo-broken{border-color:rgba(255,89,64,.4);background:rgba(255,89,64,.05)}.pg-demo-card.pg-demo-broken .pg-demo-note,.pg-demo-card.pg-demo-broken .pg-demo-value{color:var(--pg-red)}.pg-demo-card.pg-demo-healed{border-color:rgba(0,255,128,.35)}.pg-demo-card.pg-demo-healed .pg-demo-note{color:var(--pg-green)}.pg-demo-checkout-btn{margin-top:10px;padding:8px 18px;border-radius:8px;border:1px solid var(--pg-border);background:var(--pg-bg-raised);color:var(--pg-text-dim);font-size:13px;font-weight:600;cursor:not-allowed;transition:all .4s}.pg-demo-checkout-btn.pg-demo-ready{border-color:rgba(0,255,128,.5);color:var(--pg-green);cursor:default}.pg-demo-static-stack{display:flex;flex-direction:column;gap:16px;align-items:center}.pg-demo-static-stack .pg-demo-panel{position:static;visibility:visible;width:100%;max-width:380px}.pg-demo-static-stack .pg-cc{margin:0;width:100%}.pg-demo-static-stack .pg-stats-overlay{width:100%}.pg-demo-static-stack .pg-strip-wrap{position:static;height:auto}.pg-demo-static-stack .pg-strip{flex-wrap:wrap;height:auto;min-height:26px;padding:4px 10px;row-gap:4px;border:1px solid var(--pg-cyan-edge);border-radius:6px}.pg-demo-static-stack .pg-strip-controls{flex-wrap:wrap;justify-content:flex-end}.pg-demo-static-stack .pg-debug-footer-wrap{position:static;width:100%;max-width:380px}.pg-demo-static-stack .pg-resize-handle{display:none}.pg-demo-static-stack .pg-chat-header,.pg-demo-static-stack .pg-footer-header,.pg-demo-static-stack .pg-head,.pg-demo-static-stack .pg-stats-header{cursor:default}