.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pg-page{height:calc(100dvh - var(--header-h));overflow:hidden}.pg{grid-template-columns:300px minmax(0,1fr) 430px;height:100%;display:grid}.pg input[type=radio]{opacity:0;pointer-events:none;position:absolute}.pg .segmented__item,.pg .chip{position:relative}.pg-side{border-right:1px solid var(--border);scrollbar-width:thin;min-height:0;overflow-y:auto}.pg-switcher,.pg-side__code{display:none}.pg-code-col{border-left:1px solid var(--border);min-height:0;display:flex;overflow:hidden}.pg-preview{background:#000;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.pg-frame{border:0;width:100%;height:100%;display:block}.pg-controls{gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-6);display:grid}.pg-field{border:0;min-width:0;margin:0;padding:0}.pg-field legend{margin-bottom:var(--space-2);color:var(--text-faint);font:400 12px/1 var(--mono);padding:0}.pg-hint{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:12.5px;line-height:1.5}.pg-link{color:var(--text-muted);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.pg-field>.pg-link{margin-top:var(--space-2);display:block}.pg-link:hover{color:var(--accent)}.pg-presets{gap:var(--space-1);flex-wrap:wrap;display:flex}.pg-preset{height:30px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font:400 13px/1 var(--mono);cursor:pointer;transition:color var(--ease), border-color var(--ease);background:0 0}.pg-preset:hover{border-color:var(--accent);color:var(--text)}.pg-range{align-items:center;gap:var(--space-3);display:flex}.pg-range input{min-width:0;accent-color:var(--accent);flex:1}.pg-range output{min-width:56px;color:var(--text);font:400 13px/1 var(--mono);text-align:right}.pg-field .switch+.pg-range{margin-top:var(--space-2)}.pg-curve{width:100%;height:96px;margin-bottom:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:block}.pg-curve__linear{fill:none;stroke:var(--border-strong);stroke-dasharray:3 4}.pg-curve__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.pg-curve__dot{fill:var(--text)}.pg-easings{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pg-easings .chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-row{gap:var(--space-5);flex-wrap:wrap;display:flex}.pg-sections{gap:var(--space-3);margin:0 0 var(--space-3);padding:0;list-style:none;display:grid}.pg-sections:empty{display:none}.pg-section-row{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid}.pg-section-range{align-items:center;gap:var(--space-2);color:var(--text-faint);font:400 12px/1 var(--mono);flex-wrap:wrap;display:flex}.pg-text,.pg-number{height:32px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:400 14px/1 var(--sans)}.pg-text{width:100%}.pg-number{width:64px;font-family:var(--mono);font-size:13px}.pg-text:focus,.pg-number:focus{border-color:var(--accent);outline:none}.pg-remove{border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;margin-left:auto;font-size:16px;line-height:1}.pg-remove:hover{border-color:var(--code-number);color:var(--text)}.pg-add{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);width:100%;height:34px;color:var(--text-muted);font:500 14px/1 var(--sans);cursor:pointer;background:0 0}.pg-add:hover{border-color:var(--accent);color:var(--text)}.pg-timeline{padding:var(--space-3) var(--space-4) var(--space-3);border-top:1px solid var(--border);background:var(--bg)}.pg-timeline__bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.pg-play{align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:400 13px/1 var(--mono);white-space:nowrap;cursor:pointer;background:0 0;display:inline-flex}.pg-play:hover,.pg-play[aria-pressed=true]{border-color:var(--accent)}.pg-play svg{color:var(--accent)}.pg-readout{min-width:0;color:var(--text-muted);font:400 12px/1.2 var(--mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-readout b{color:var(--text);font-weight:400}.pg-timeline__area{padding:var(--space-1) 0 var(--space-2);cursor:pointer;touch-action:none;user-select:none;position:relative}.pg-lanes{height:26px;position:relative}.pg-bar{border:1px solid var(--lilac);cursor:grab;min-width:12px;height:24px;transition:background-color var(--ease), border-color var(--ease);background:#8c6e9b38;border-radius:3px;align-items:center;display:flex;position:absolute;top:0;overflow:hidden}.pg-bar:active{cursor:grabbing}.pg-bar[data-active]{border-color:var(--accent);background:#f6b98e38}.pg-bar__label{min-width:0;padding:0 var(--space-3);color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;font-size:12px;overflow:hidden}.pg-bar__handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.pg-bar__handle:after{content:"";background:var(--text-faint);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:3px}.pg-bar__handle--start{left:0}.pg-bar__handle--end{right:0}.pg-track{height:2px;margin-top:var(--space-3);background:var(--border-strong);position:relative}.pg-track__fill{background:var(--accent);position:absolute;inset:0 auto 0 0}.pg-track__head{background:var(--accent);width:2px;height:14px;margin-left:-1px;position:absolute;top:-6px}.pg-code{flex-direction:column;width:100%;min-height:0;display:flex}.pg-code__head{padding:0 var(--space-3) 0 var(--space-2);border-bottom:1px solid var(--border);background:var(--code-head);justify-content:space-between;align-items:center;display:flex}.pg-tabs{display:flex}.pg-tab{height:42px;padding:0 var(--space-3);color:var(--text-muted);font:400 13px/1 var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.pg-tab:hover{color:var(--text)}.pg-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.pg-copy{height:28px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:400 13px/1 var(--mono);cursor:pointer;background:0 0}.pg-copy:hover{border-color:var(--accent)}.pg-code__body{min-height:0;padding:var(--space-4);background:var(--code-bg);color:var(--text);font:400 12.5px/1.7 var(--mono);white-space:pre;tab-size:2;scrollbar-width:thin;flex:1;margin:0;overflow:auto}.pg-code__note{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);color:var(--text-faint);margin:0;font-size:12.5px;line-height:1.5}.pg-code__note code{color:var(--text-muted);font:400 12px/1 var(--mono)}.pg .tok-keyword{color:var(--code-keyword)}.pg .tok-string{color:var(--code-string)}.pg .tok-tag{color:var(--code-tag)}.pg .tok-attr{color:var(--code-attr)}.pg .tok-number{color:var(--code-number)}.pg .tok-punct{color:var(--code-punct)}@media (width<=1199px){.pg{grid-template-columns:340px minmax(0,1fr)}.pg-code-col{display:none}.pg-side{flex-direction:column;display:flex;overflow:hidden}.pg-switcher{padding:0 var(--space-2);border-bottom:1px solid var(--border);flex:none;display:flex}.pg-side__controls,.pg-side__code{flex:1;min-height:0;overflow-y:auto}.pg-side__code{display:flex}.pg[data-panel=controls] .pg-side__code,.pg[data-panel=code] .pg-side__controls{display:none}}@media (width<=767px){.pg{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pg-preview{grid-row:1;grid-template-rows:42dvh auto}.pg-side{border-right:0;border-top:1px solid var(--border);grid-row:2}.pg-readout{font-size:11px}.pg-readout__frame{display:none}}