.ph-library-grid{grid-template-columns:repeat(auto-fit, minmax(min(calc(var(--ph-spacing-unit) * 65), 100%), 1fr));gap:calc(var(--ph-spacing-scale-lg) + var(--ph-spacing-scale-xs));margin:calc(var(--ph-spacing-scale-xxl) * 1.5) 0 0;padding:0;list-style:none;display:grid}.ph-template__name{margin-top:var(--ph-spacing-scale-lg)}.ph-template__by{margin-top:var(--ph-spacing-scale-md);font-size:var(--ph-type-scale-label-size);font-weight:var(--ph-type-scale-label-weight);color:var(--ph-color-ink-secondary)}.ph-template__meta{margin-top:var(--ph-spacing-scale-xs);font-family:var(--ph-type-family-mono);font-size:var(--ph-type-scale-caption-size);color:var(--ph-color-ink-secondary)}.ph-template__note{font-size:var(--ph-type-scale-label-size);color:var(--ph-color-ink-secondary)}.ph-player{padding:var(--ph-spacing-scale-lg);border:thin solid var(--ph-color-line-hairline);border-radius:var(--ph-radius-scale-card);background-color:var(--ph-color-surface-panel)}.ph-player__audio{width:100%;display:block}.ph-player__audio:not([controls]){height:0}.ph-player__controls{align-items:center;gap:var(--ph-spacing-scale-md);flex-wrap:wrap;display:flex}.ph-player__toggle{min-width:calc(var(--ph-spacing-min-tap-target) * 2);min-height:var(--ph-spacing-min-tap-target);padding-inline:calc(var(--ph-spacing-scale-lg) + var(--ph-spacing-scale-xs));border-radius:var(--ph-radius-scale-capsule);background-color:var(--ph-color-accent-fill);color:var(--ph-color-accent-on-fill);font-family:var(--ph-type-family-body);font-size:var(--ph-type-scale-body-size);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.ph-player__toggle:hover{background-color:color-mix(in srgb, var(--ph-color-accent-fill) 82%, var(--ph-color-ink-primary))}.ph-player__toggle:disabled{cursor:default;opacity:.5}.ph-player__position{flex:1 1 calc(var(--ph-spacing-unit) * 40);min-width:0;min-height:var(--ph-spacing-min-tap-target);accent-color:var(--ph-color-accent-signal);margin:0}.ph-player__time{font-family:var(--ph-type-family-mono);font-size:var(--ph-type-scale-caption-size);font-variant-numeric:tabular-nums;color:var(--ph-color-ink-secondary);flex:none}.ph-player__failed{margin-top:var(--ph-spacing-scale-sm);font-size:var(--ph-type-scale-label-size);color:var(--ph-color-ink-secondary)}.ph-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1em;height:1em;margin:-1em;padding:0;position:absolute;overflow:hidden}.ph-template__actions{gap:var(--ph-spacing-scale-sm);margin-top:var(--ph-spacing-scale-xl);flex-direction:column;display:flex}.ph-template__download{min-height:var(--ph-spacing-min-tap-target);padding-inline:calc(var(--ph-spacing-scale-lg) + var(--ph-spacing-scale-xs));border:medium solid var(--ph-color-ink-primary);border-radius:var(--ph-radius-scale-capsule);color:var(--ph-color-ink-primary);overflow-wrap:anywhere;align-self:flex-start;align-items:center;font-weight:700;text-decoration-line:none;display:inline-flex}.ph-template__download:hover{background-color:color-mix(in srgb, var(--ph-color-ink-primary) 8%, transparent)}.ph-template__nodes,.ph-template__space{margin:var(--ph-spacing-scale-md) 0 0;padding:0;list-style:none}.ph-prose .ph-template__nodes,.ph-prose .ph-template__space{padding:0}.ph-prose .ph-template__nodes li+li,.ph-prose .ph-template__space li+li{margin-top:0}.ph-template__node{align-items:flex-start;gap:var(--ph-spacing-scale-lg);padding-block:var(--ph-spacing-scale-md);border-bottom:thin solid var(--ph-color-line-hairline);display:flex}.ph-template__node-text{min-width:0}.ph-template__node-name{color:var(--ph-color-ink-primary);font-weight:600}.ph-template__node-type{font-size:var(--ph-type-scale-label-size);color:var(--ph-color-ink-secondary)}.ph-template__node-type a{min-height:var(--ph-spacing-scale-xl);align-items:center;display:inline-flex}.ph-template__kind{color:color-mix(in srgb, var(--ph-help-kind) 70%, var(--ph-color-ink-primary));font-weight:600}.ph-template__space li{gap:var(--ph-spacing-scale-xs) var(--ph-spacing-scale-md);padding-block:var(--ph-spacing-scale-sm);border-bottom:thin solid var(--ph-color-line-hairline);flex-wrap:wrap;display:flex}.ph-template__space-name{color:var(--ph-color-ink-primary);font-weight:600}.ph-template__space-facts{font-size:var(--ph-type-scale-label-size);color:var(--ph-color-ink-secondary)}.ph-template__code{padding:var(--ph-spacing-scale-lg) calc(var(--ph-spacing-scale-lg) + var(--ph-spacing-unit) / 2);border:thin solid var(--ph-color-line-hairline);border-radius:var(--ph-radius-scale-control);background-color:var(--ph-color-surface-canvas);color:var(--ph-color-ink-primary);font-family:var(--ph-type-family-mono);font-size:var(--ph-type-scale-label-size);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.7}.ph-template__whole summary{min-height:var(--ph-spacing-min-tap-target);padding-block:var(--ph-spacing-scale-sm);cursor:pointer;font-weight:600;display:list-item}.ph-template__whole .ph-template__code{margin-top:var(--ph-spacing-scale-md)}.ph-template__tags{gap:var(--ph-spacing-scale-sm);margin:var(--ph-spacing-scale-md) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ph-prose .ph-template__tags{padding:0}.ph-prose .ph-template__tags li+li,.ph-template__tag{margin-top:0}.ph-template__tag--engine{min-height:var(--ph-spacing-scale-xl);padding-inline:calc(var(--ph-spacing-scale-sm) + var(--ph-spacing-unit) / 2);border:thin solid var(--ph-color-line-hairline);border-radius:var(--ph-radius-scale-capsule);color:var(--ph-color-ink-secondary);font-size:var(--ph-type-scale-caption-size);align-items:center;font-weight:600;display:inline-flex}.ph-template-code__keyword{color:var(--ph-color-code-keyword)}.ph-template-code__type{color:var(--ph-color-code-type)}.ph-template-code__call{color:var(--ph-color-code-call)}.ph-template-code__number{color:var(--ph-color-code-number)}.ph-template-code__string{color:var(--ph-color-code-string)}.ph-template-code__comment{color:var(--ph-color-ink-muted)}