:root{color-scheme:light;--background:240 20% 96%;--foreground:0 0% 9%;--card:0 0% 100%;--card-foreground:0 0% 9%;--primary:221 90% 59%;--primary-foreground:0 0% 100%;--secondary:240 16% 94%;--secondary-foreground:0 0% 18%;--muted-foreground:0 0% 34%;--destructive:0 72% 51%;--success:145 63% 37%;--border:240 11% 90%;--input:240 11% 90%;--ring:221 90% 59%;--radius:0.85rem;--pg-tok-com:0 0% 46%;--pg-tok-str:145 65% 30%;--pg-tok-key:221 90% 52%;--pg-tok-tag:262 60% 50%;--pg-tok-num:25 90% 40%;--pg-tok-attr:200 95% 34%}.dark{color-scheme:dark;--background:0 0% 8%;--foreground:0 0% 98%;--card:0 0% 13%;--card-foreground:0 0% 98%;--primary:221 90% 62%;--primary-foreground:0 0% 100%;--secondary:0 0% 17%;--secondary-foreground:0 0% 98%;--muted-foreground:0 0% 76%;--destructive:0 62% 52%;--success:145 55% 55%;--border:0 0% 18%;--input:0 0% 20%;--ring:221 90% 62%;--pg-tok-com:0 0% 55%;--pg-tok-str:145 50% 62%;--pg-tok-key:221 95% 72%;--pg-tok-tag:262 85% 78%;--pg-tok-num:30 95% 66%;--pg-tok-attr:200 90% 66%}*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.pg-app{min-height:100dvh;display:flex;flex-direction:column}.pg-header{justify-content:space-between;gap:12px;padding:0 18px;min-height:58px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background)/.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40}.pg-brand,.pg-header{display:flex;align-items:center}.pg-brand{gap:10px;min-width:0}.pg-brand-name{font-size:14px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-header-actions{display:flex;align-items:center;gap:10px}.pg-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--secondary)/.6);color:hsl(var(--muted-foreground));font-size:11.5px;font-weight:550;white-space:nowrap}.pg-icon-btn{width:40px;height:40px;border:none;border-radius:var(--rk-radii-connectButton,12px);background:var(--rk-colors-connectButtonBackground,hsl(var(--card)));color:var(--rk-colors-connectButtonText,hsl(var(--foreground)));box-shadow:var(--rk-shadows-connectButton,0 4px 12px rgb(0 0 0/.1));display:grid;place-items:center;cursor:pointer;transition:transform .125s ease}.pg-icon-btn:hover{transform:scale(1.025)}.pg-icon-btn:active{transform:scale(.95)}.pg-main{flex:1 1;display:grid;gap:14px;padding:14px 18px 18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"config" "stage" "code";align-content:start;min-height:0}@media (min-width:800px){.pg-main{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"config stage" "code code"}}@media (min-width:1180px){.pg-app{height:100dvh}.pg-main{grid-template-columns:290px minmax(0,3fr) minmax(0,2fr);grid-template-areas:"config stage code";align-content:stretch}.pg-pane{min-height:0}.pg-pane-body{overflow-y:auto}}.pg-pane{display:flex;flex-direction:column;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + .35rem);background-color:hsl(var(--card));background-image:linear-gradient(to bottom,hsl(var(--card)),hsl(var(--secondary)/.35));box-shadow:inset 0 1px 0 hsl(0 0% 100%/.5),0 1px 1.5px hsl(240 12% 12%/.05),0 12px 30px -16px hsl(240 14% 12%/.16);overflow:hidden}.dark .pg-pane{box-shadow:inset 0 1px 0 hsl(0 0% 100%/.06),0 12px 30px -16px hsl(0 0% 0%/.5)}.pg-pane-config{grid-area:config}.pg-pane-stage{grid-area:stage}.pg-pane-code{grid-area:code}.pg-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:46px;padding:10px 16px;border-bottom:1px solid hsl(var(--border));font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.pg-pane-body{flex:1 1;padding:14px;min-height:0}.pg-section-title{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground)/.85);margin:2px 4px 8px}.pg-nav{display:flex;flex-direction:column;gap:2px}.pg-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:hsl(var(--muted-foreground));font-size:13px;font-weight:520;font-family:inherit;text-align:left;cursor:pointer;transition:color .15s ease}.pg-nav-item:hover:not(.is-active){color:hsl(var(--foreground));background:hsl(var(--secondary)/.6)}.pg-nav-item.is-active{color:hsl(var(--foreground));font-weight:600}.pg-nav-pill{position:absolute;inset:0;border-radius:10px;background:hsl(var(--secondary))}.pg-nav-icon,.pg-nav-label{position:relative;z-index:1}.pg-nav-icon{display:grid;place-items:center;flex:none}.pg-options{margin-top:18px;gap:12px}.pg-field,.pg-options{display:flex;flex-direction:column}.pg-field{gap:6px;padding:0 4px}.pg-field-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.pg-field-label{font-size:12px;font-weight:600;color:hsl(var(--foreground)/.85)}.pg-field-hint{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:hsl(var(--muted-foreground)/.9)}.pg-input,.pg-select{width:100%;padding:8px 10px;border-radius:9px;border:1px solid hsl(var(--input));background:hsl(var(--card));color:hsl(var(--foreground));font-size:13px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pg-input:focus,.pg-select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.18)}.pg-input::placeholder{color:hsl(var(--muted-foreground)/.6)}.pg-select-wrap{position:relative}.pg-select{appearance:none;padding-right:28px;cursor:pointer}.pg-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));pointer-events:none}.pg-segmented{display:flex;gap:2px;padding:3px;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--secondary))}.pg-segment{position:relative;flex:1 1;padding:6px 8px;border:none;border-radius:8px;background:transparent;color:hsl(var(--muted-foreground));font-size:12.5px;font-weight:550;font-family:inherit;cursor:pointer;transition:color .15s ease}.pg-segment.is-active{color:hsl(var(--foreground))}.pg-segment-thumb{position:absolute;inset:0;border-radius:7px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 1px 2px hsl(240 12% 12%/.08)}.pg-segment-label{position:relative;z-index:1}.pg-switch{width:36px;height:21px;flex:none;display:flex;justify-content:flex-start;padding:2px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.pg-switch.is-on{justify-content:flex-end;background:hsl(var(--primary));border-color:hsl(var(--primary))}.pg-switch-knob{width:15px;height:15px;border-radius:999px;background:#fff;box-shadow:0 1px 2px hsl(0 0% 0%/.25)}.pg-stage-head{text-transform:none;letter-spacing:0}.pg-stage-title{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600;color:hsl(var(--foreground))}.pg-stage-blurb{margin-top:1px;font-size:12px;font-weight:450;color:hsl(var(--muted-foreground))}.pg-stage{flex:1 1;display:grid;place-items:center;padding:32px 20px;min-height:360px;overflow:auto;background-image:radial-gradient(hsl(var(--border)) 1px,transparent 1px);background-size:18px 18px}.pg-stage-inner{display:grid;place-items:center;width:100%;max-width:430px}.pg-demo-block{width:100%}.pg-connect-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:40px 48px;border-radius:calc(var(--radius) + .35rem);border:1px solid hsl(var(--border));background:hsl(var(--card))}.pg-connect-prompt h3{margin:0;font-size:14.5px;font-weight:650}.pg-code-head{justify-content:flex-start;padding:8px 10px}.pg-tabs{display:flex;gap:2px;padding:3px;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--secondary))}.pg-tab{position:relative;padding:5px 11px;border:none;border-radius:8px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;font-family:inherit;transition:color .15s ease}.pg-tab.is-active{color:hsl(var(--foreground))}.pg-tab-pill{position:absolute;inset:0;border-radius:7px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 1px 2px hsl(240 12% 12%/.08)}.pg-tab-label{position:relative;z-index:1;font-size:12px;font-weight:550;letter-spacing:0;text-transform:none}.pg-code-body{padding:0;display:flex}.pg-codeblock{position:relative;flex:1 1;min-width:0}.pg-copy{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;padding:5px 9px;border-radius:8px;border:1px solid hsl(var(--border));background:hsl(var(--card)/.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:hsl(var(--muted-foreground));font-size:11.5px;font-weight:550;font-family:inherit;cursor:pointer;transition:color .15s ease,border-color .15s ease}.pg-copy:hover{color:hsl(var(--foreground))}.pg-copy.is-copied{color:hsl(var(--success));border-color:hsl(var(--success)/.4)}.pg-copy-inner{display:flex;align-items:center;gap:5px}.pg-code{margin:0;padding:16px 18px 18px;min-height:100%;overflow-x:auto;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.65;tab-size:2;color:hsl(var(--foreground)/.92)}.pg-tok-com{color:hsl(var(--pg-tok-com));font-style:italic}.pg-tok-str{color:hsl(var(--pg-tok-str))}.pg-tok-key{color:hsl(var(--pg-tok-key))}.pg-tok-tag{color:hsl(var(--pg-tok-tag))}.pg-tok-num{color:hsl(var(--pg-tok-num))}.pg-tok-attr{color:hsl(var(--pg-tok-attr))}.pg-code::-webkit-scrollbar,.pg-pane-body::-webkit-scrollbar,.pg-stage::-webkit-scrollbar{width:8px;height:8px}.pg-code::-webkit-scrollbar-thumb,.pg-pane-body::-webkit-scrollbar-thumb,.pg-stage::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:999px}@media (max-width:799px){.pg-header{min-height:52px;padding:0 12px}.pg-main{padding:10px;gap:10px}.pg-nav-icon,.pg-pane-config .pg-pane-head,.pg-section-title,.pg-stage-blurb{display:none}.pg-pane-config .pg-pane-body{padding:10px}.pg-nav{flex-direction:row;overflow-x:auto;gap:4px;scrollbar-width:none}.pg-nav::-webkit-scrollbar{display:none}.pg-nav-item{width:auto;flex:none;padding:7px 12px;font-size:12.5px}.pg-options{margin-top:12px;gap:10px}.pg-pane-head{min-height:42px;padding:8px 12px}.pg-stage{min-height:280px;padding:24px 14px}.pg-connect-prompt{padding:32px 36px}.pg-code{font-size:12px}}@media (max-width:560px){.pg-brand .pg-chip{display:none}}