html,body{background:var(--color-page);height:100%;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);margin:0}.pg{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.pg-top{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-rule);background:color-mix(in srgb, var(--color-page) 92%, transparent);backdrop-filter:blur(6px);flex-wrap:wrap;display:flex}.pg-brand{align-items:center;gap:var(--space-2);margin-right:var(--space-2);color:var(--color-ink);font-weight:700;font-size:var(--text-lg);text-decoration:none;display:inline-flex}.pg-sub{color:var(--color-ink-muted);font-weight:400;font-size:var(--text-sm)}.pg-control{align-items:center;gap:var(--space-2);color:var(--color-ink-secondary);font-size:var(--text-sm);display:inline-flex}.pg-notice{background:var(--color-accent-wash);color:var(--color-accent-strong);font-size:var(--text-xs);border-radius:999px;padding:.2rem .6rem}.pg-main{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.6fr) minmax(16rem,.7fr);min-height:0;display:grid}.pg-source{border-right:1px solid var(--color-rule);background:var(--color-surface);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.pg-editor{height:100%;min-height:0}.pg-status{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-rule);color:var(--color-ink-muted);font-size:var(--text-xs);margin:0}.pg-status[data-state=error]{border-top-color:var(--color-mark);background:var(--color-mark-wash);color:var(--color-mark)}.pg-view{min-height:0;position:relative}.pg-stage,.pg-stage>div{position:absolute;inset:0}.pg-stale{left:var(--space-3);bottom:var(--space-3);border:1px solid var(--color-mark);background:var(--color-mark-wash);color:var(--color-mark);font-size:var(--text-xs);border-radius:999px;margin:0;padding:.2rem .6rem;position:absolute}.pg-side{border-left:1px solid var(--color-rule);background:var(--color-page);overflow:auto}.pg-panel{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule)}.pg-panel h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-base);display:flex}.pg-panel-head{justify-content:space-between;align-items:center;display:flex}.pg-panel-head h2{margin:0}.pg-hint{margin:var(--space-1) 0 var(--space-2);color:var(--color-ink-muted);font-size:var(--text-sm)}.pg-field{gap:var(--space-1);margin-block:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-secondary);display:grid}.pg-inline{grid-template-columns:7rem minmax(0,1fr);align-items:center}.pg-inline input[type=checkbox]{accent-color:var(--color-accent);justify-self:start}.pg-group{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius)}.pg-group legend{padding:0 var(--space-1);color:var(--color-ink-muted);font-size:var(--text-xs)}.pg-issues{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.pg-issue{gap:var(--space-1);width:100%;padding:var(--space-2);border:1px solid var(--color-rule);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink-secondary);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;display:grid}.pg-issue .ik-chip{justify-self:start}.pg-cheat{padding:var(--space-2);border-radius:var(--radius-small);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;margin:0}.pg-noscript{padding:var(--space-6);text-align:center}.pg-view .react-flow{--xy-background-color:transparent;--xy-node-background-color:var(--color-surface);--xy-node-color:var(--color-ink);--xy-node-border:1px solid var(--color-ink-secondary);--xy-edge-stroke:var(--color-control-border);--xy-controls-button-background-color:var(--color-surface);--xy-controls-button-color:var(--color-ink)}.pg-view .react-flow__node-group{background:color-mix(in srgb, var(--color-surface-sunken) 80%, transparent);border-color:var(--color-rule-strong)}@media (width<=70rem){.pg-main{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.pg-side{border-left:0;border-top:1px solid var(--color-rule);grid-column:1/-1;max-height:40vh}}@media (width<=44rem){.pg{height:auto;min-height:100dvh}.pg-main{grid-template-columns:minmax(0,1fr)}.pg-source{border-right:0;height:18rem}.pg-view{height:60vh}.pg-side{max-height:none}}.pg-top .ik-select{max-width:12rem}.pg-top input[type=range]{width:6.5rem}.pg-top .ik-segmented button,.ik-button.ik-small{min-height:1.75rem;padding:0 var(--space-2);font-size:var(--text-xs)}