:root{--pg-gutter:calc(var(--spacing) * 4);--pg-fade-size:calc(var(--spacing) * 10);--pg-radius-stage:calc(var(--radius-chrome) - 2px);--pg-radius-tile:calc(var(--radius-chrome) - 4px);--pg-tile-cols:3;--pg-sticky-h:3.75rem}@media (width>=40rem){:root{--pg-gutter:calc(var(--spacing) * 6)}}.pg-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.pg-stage-col,.pg-word-col{width:100%;min-width:0}@media (width>=40rem){.pg-stage-col{max-width:30rem}:root{--pg-tile-cols:4}}@media (width>=64rem){.pg-grid{grid-template-columns:22.5rem minmax(0,1fr);align-items:start;gap:2.5rem}.pg-stage-col{top:calc(env(safe-area-inset-top,0px) + 5rem);position:sticky}}.pg-tool picture{display:contents}.pg-stage{aspect-ratio:4/5;border-radius:var(--pg-radius-stage);background:var(--color-surface-sunken);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.pg-stack{position:absolute;inset:0}.pg-stack .pg-frame{opacity:0;visibility:hidden;transition:opacity var(--duration-state) var(--ease-out-quart), visibility var(--duration-state) var(--ease-out-quart);margin:0;position:absolute;inset:0}.pg-stack .pg-frame[data-shown]{opacity:1;visibility:visible}.pg-frame .pg-media{height:100%;display:block}.pg-frame img,.pg-sticky-stage img{object-fit:cover;width:100%;height:100%;display:block}.pg-dissolve{z-index:1;opacity:0;pointer-events:none;position:absolute;inset:0}.pg-dissolve[data-pg-dissolve-live]{opacity:1}.pg-subjects{z-index:2;border-radius:var(--radius-chrome);border:0;gap:.5rem;margin:0;padding:.25rem;display:flex;position:absolute;top:.75rem;left:.75rem}.dark .pg-subjects{--color-glass-fill:color-mix(in oklch, var(--color-surface) 70%, transparent)}.pg-subject-option{border-radius:calc(var(--radius-chrome) - .25rem);min-height:2.75rem;font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm--line-height);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-feedback) var(--ease-out-quart), box-shadow var(--duration-feedback) var(--ease-out-quart);align-items:center;padding:0 .75rem;display:inline-flex;position:relative}.pg-subject-option input,.pg-model-chip input,.pg-tab input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.pg-subject-option:not(:has(input:checked,input:disabled)):hover{background:color-mix(in oklch, var(--color-surface-raised) 55%, transparent)}}.pg-subject-option:has(input:checked){background:var(--color-surface-raised);box-shadow:var(--shadow-elev-1)}.pg-subject-option:has(input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-hold{z-index:2;border-radius:var(--radius-control);background:color-mix(in oklch, var(--color-scrim) 72%, transparent);min-height:2.75rem;color:var(--color-on-scrim);font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm--line-height);cursor:pointer;transition:background-color var(--duration-feedback) var(--ease-out-quart);border:0;padding:0 .875rem;position:absolute;bottom:.75rem;left:.75rem}.pg-hold:hover,.pg-stage[data-holding] .pg-hold{background:color-mix(in oklch, var(--color-scrim) 88%, transparent)}.pg-hold:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-stage-caption{gap:.125rem;margin-top:.75rem;display:grid}.pg-stage-caption strong{color:var(--color-ink);font-weight:600}.pg-stage-caption span{color:var(--color-ink-secondary);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.pg-made,.pg-example-note{margin-top:.5rem}:root:not([data-pg-js]) .pg-stage:has(input[value=fox]:checked) [data-pg-base=fox],:root:not([data-pg-js]) .pg-stage:has(input[value=portrait]:checked) [data-pg-base=portrait],:root:not([data-pg-js]) .pg-stage:has(input[value=still-life]:checked) [data-pg-base=still-life]{opacity:1;visibility:visible}:root:not([data-pg-js]) .pg-stage:has(input[name=pg-subject]:not([value=fox]):checked) [data-pg-base=fox]{opacity:0;visibility:hidden}:root:not([data-pg-js]) .pg-hold{display:none}.pg-sentence{padding:1rem 1rem .75rem}.pg-chips{font-size:var(--text-base);line-height:var(--text-base--line-height);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pg-subject-wrap{grid-template-columns:minmax(0,1fr);align-items:center;max-width:100%;min-height:2.75rem;display:inline-grid}.pg-subject-wrap:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;font:inherit;border:1px solid #0000;grid-area:1/1;padding:0 .5rem;overflow:hidden}.pg-subject{border-radius:var(--radius-control);width:100%;min-width:6ch;min-height:2.75rem;color:var(--color-ink);font:inherit;transition:border-color var(--duration-feedback) var(--ease-out-quart);background:0 0;border:1px solid #0000;grid-area:1/1;padding:0 .5rem}.pg-subject:hover{border-color:var(--color-border)}.pg-subject:focus{border-color:var(--color-border-strong);box-shadow:none}.pg-subject:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.pg-chip{border-radius:var(--radius-control);max-width:100%;min-height:2.75rem;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 .5rem;display:inline-flex}.pg-chip-text{border-radius:var(--radius-control);background:color-mix(in oklch, var(--pg-tint,var(--color-ink)) 14%, transparent);min-height:1.75rem;transition:background-color var(--duration-feedback) var(--ease-out-quart), border-color var(--duration-feedback) var(--ease-out-quart), color var(--duration-feedback) var(--ease-out-quart), opacity var(--duration-feedback) var(--ease-out-quart), transform var(--duration-feedback) var(--ease-out-quart);border:1px solid #0000;align-items:center;gap:.375rem;padding:.125rem .625rem;display:inline-flex}.pg-chip-text:has(.pg-swatch){padding-left:.25rem}.pg-chip[data-empty] .pg-chip-text{color:var(--color-ink-secondary);border:1px dashed var(--color-border-strong);background:0 0}@media (hover:hover) and (pointer:fine){.pg-chip:hover .pg-chip-text{background:color-mix(in oklch, var(--pg-tint,var(--color-ink)) 22%, transparent)}.pg-chip[data-empty]:hover .pg-chip-text{color:var(--color-ink);border-color:var(--color-ink-secondary);background:0 0}}.pg-chip:active .pg-chip-text{transform:scale(.98)}.pg-chip[data-landing] .pg-chip-text{animation:pg-settle var(--duration-feedback) var(--ease-out-quart)}.pg-chip:focus-visible{outline:none}.pg-chip:focus-visible .pg-chip-text{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-chip[data-pending] .pg-chip-text{opacity:.6}.pg-chip[data-part=action],.pg-part-tag[data-part=action]{--pg-tint:var(--color-chart-teal)}.pg-chip[data-part=setting],.pg-part-tag[data-part=setting]{--pg-tint:var(--color-chart-green)}.pg-chip[data-part=camera],.pg-part-tag[data-part=camera]{--pg-tint:var(--color-chart-blue)}.pg-chip[data-part=light],.pg-part-tag[data-part=light]{--pg-tint:var(--color-chart-warm)}.pg-chip[data-part=style],.pg-part-tag[data-part=style]{--pg-tint:var(--color-chart-magenta)}.pg-swatch{border-radius:calc(var(--radius-control) - 4px);object-fit:cover;flex:none;width:1.25rem;height:1.25rem}.pg-sentence-plain{display:none}.pg-prompt-text{width:100%;font:inherit;resize:vertical;margin-top:.5rem}.pg-sentence-foot{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.pg-text-button{border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-accent-text);font:inherit;font-size:var(--text-sm);text-underline-offset:2px;cursor:pointer;transition:text-decoration-color var(--duration-feedback) var(--ease-out-quart);background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .5rem;font-weight:500;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:2px;display:inline-flex}.pg-text-button:hover{text-decoration-color:currentColor}.pg-text-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-text-button:disabled{color:var(--color-ink-secondary);cursor:not-allowed;text-decoration-color:#0000}.pg-hints{gap:.25rem;min-height:2lh;margin-top:.5rem;display:grid}@media (width>=40rem){.pg-hints{min-height:1lh}}.pg-nojs-note{margin-top:.75rem;display:none}:root:not([data-pg-js]) .pg-chips,:root:not([data-pg-js]) .pg-sentence-foot,:root:not([data-pg-js]) .pg-hints{display:none}:root:not([data-pg-js]) .pg-sentence-plain{color:var(--color-ink);display:block}:root:not([data-pg-js]) .pg-nojs-note{display:block}@keyframes pg-settle{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.pg-models{border:0;min-width:0;margin-top:1rem;padding:0}.pg-label{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink-secondary);display:block}.pg-model-row{margin:.125rem calc(-1 * var(--pg-gutter)) 0;padding:.25rem var(--pg-gutter);scroll-padding-inline:var(--pg-gutter);scrollbar-width:none;gap:.5rem;display:flex;overflow-x:auto}.pg-model-row::-webkit-scrollbar{display:none}.pg-model-chip{border:1px solid var(--color-border);border-radius:var(--radius-chrome);background:var(--color-surface);min-height:2.75rem;color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-feedback) var(--ease-out-quart), background-color var(--duration-feedback) var(--ease-out-quart), box-shadow var(--duration-feedback) var(--ease-out-quart), transform var(--duration-feedback) var(--ease-out-quart);flex:none;align-items:center;gap:.5rem;padding:0 .75rem 0 .375rem;display:inline-flex;position:relative}.pg-model-more{gap:.25rem;padding:0 .625rem 0 .75rem}@media (hover:hover) and (pointer:fine){.pg-model-chip:hover{border-color:var(--color-border-strong)}}.pg-model-chip:active{transform:scale(.98)}.pg-model-chip:has(input:checked),.pg-model-more[data-active],.pg-model-chip[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-surface-raised);box-shadow:var(--shadow-elev-1)}.pg-model-chip:has(input:focus-visible),button.pg-model-chip:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-menu{gap:.5rem;width:min(20rem,100vw - 2rem);padding:.75rem;display:none}.pg-menu:popover-open{display:grid}@supports (anchor-name:--a){.pg-model-more{anchor-name:--pg-models-more}.pg-menu{position-anchor:--pg-models-more;position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline;margin:.5rem 0;inset:auto}}.pg-tabs{border:0;border-bottom:1px solid var(--color-border);gap:.5rem;min-width:0;margin:1rem 0 0;padding:0;display:flex}.pg-tab{border-radius:var(--radius-control) var(--radius-control) 0 0;min-height:2.75rem;color:var(--color-ink-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-feedback) var(--ease-out-quart), border-color var(--duration-feedback) var(--ease-out-quart);border-bottom:2px solid #0000;flex:1 1 0;justify-content:center;align-items:center;gap:.375rem;margin-bottom:-1px;padding:0 .25rem;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.pg-tab:hover{color:var(--color-ink);border-bottom-color:var(--color-border-strong)}}.pg-tab:has(input:checked){color:var(--color-ink);border-bottom-color:var(--color-ink)}.pg-tab:has(input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:-2px}.pg-tab-mark{place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.pg-tab-mark>*{grid-area:1/1}.pg-tab-swatch{border-radius:calc(var(--radius-control) - 4px);object-fit:cover;width:1.5rem;height:1.5rem}.pg-tab[data-chosen] .pg-tab-glyph{display:none}@media (width<=39.999rem){.pg-tab-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pg-tab{gap:0}}.pg-shuffle{border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-ink-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-feedback) var(--ease-out-quart), border-color var(--duration-feedback) var(--ease-out-quart), transform var(--duration-feedback) var(--ease-out-quart);background:0 0;justify-content:center;align-items:center;gap:.375rem;display:inline-flex}.pg-shuffle:not(:disabled):hover{color:var(--color-ink);border-color:var(--color-ink-secondary)}.pg-shuffle:not(:disabled):active{transform:scale(.98)}.pg-shuffle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-shuffle-rail{flex:none;align-self:center;margin-bottom:.25rem;margin-left:auto;padding:0 .75rem;display:none}@media (width>=40rem){.pg-shuffle-rail{display:inline-flex}.pg-shuffle-cell{display:none}}.pg-panel{margin-top:.75rem;display:none}.pg-tool:has(input[name=pg-part][value=action]:checked) [data-pg-panel=action],.pg-tool:has(input[name=pg-part][value=setting]:checked) [data-pg-panel=setting],.pg-tool:has(input[name=pg-part][value=camera]:checked) [data-pg-panel=camera],.pg-tool:has(input[name=pg-part][value=light]:checked) [data-pg-panel=light],.pg-tool:has(input[name=pg-part][value=style]:checked) [data-pg-panel=style]{animation:pg-panel-in var(--duration-state) var(--ease-out-quart);display:block}@keyframes pg-panel-in{0%{opacity:0}to{opacity:1}}.pg-tiles{grid-template-columns:repeat(var(--pg-tile-cols), minmax(0, 1fr));gap:.5rem;display:grid}.pg-tile{aspect-ratio:4/5;border-radius:var(--pg-radius-tile);font:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-feedback) var(--ease-out-quart);background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.pg-tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--color-accent);opacity:0;pointer-events:none;transition:opacity var(--duration-feedback) var(--ease-out-quart);position:absolute;inset:0}.pg-tile[aria-pressed=true]:after{opacity:1}.pg-tile:active:not([aria-disabled=true]){transform:scale(.98)}.pg-tile:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-tile-media{background:var(--color-surface-sunken);position:absolute;inset:0}.pg-tile-media>span{opacity:0;transition:opacity var(--duration-state) var(--ease-out-quart);position:absolute;inset:0}.pg-tile-media>span[data-shown]{opacity:1}.pg-tile-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-state) var(--ease-out-quart);display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pg-tile:not([aria-disabled=true]):hover img{transform:scale(1.03)}}.pg-tile-label{background:linear-gradient(to top, color-mix(in oklch, var(--color-scrim) 80%, transparent), color-mix(in oklch, var(--color-scrim) 72%, transparent) calc(100% - 1.25rem), transparent);color:var(--color-on-scrim);font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm--line-height);padding:1.25rem .5rem .5rem;position:absolute;inset:auto 0 0}.pg-tile-check{background:var(--color-accent);width:1.5rem;height:1.5rem;color:var(--color-on-accent);opacity:0;transition:opacity var(--duration-feedback) var(--ease-out-quart), transform var(--duration-feedback) var(--ease-out-quart);border-radius:50%;place-items:center;display:grid;position:absolute;top:.375rem;right:.375rem;transform:scale(.6)}.pg-tile[aria-pressed=true] .pg-tile-check{opacity:1;transform:none}.pg-tile[aria-disabled=true],.pg-shuffle:disabled,.pg-recipe:disabled,.pg-subject-option:has(input:disabled){opacity:.55;cursor:not-allowed}.pg-subject-option input:disabled{cursor:not-allowed}.pg-shuffle-cell{aspect-ratio:4/5;border-radius:var(--pg-radius-tile);flex-direction:column}.pg-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}@media (width>=40rem){.pg-actions{display:flex}}.pg-studio{margin-top:.75rem}.pg-studio summary{border-radius:var(--radius-surface);min-height:2.75rem;color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:.5rem;padding:0 1rem;font-weight:500;list-style:none;display:flex}.pg-studio summary::-webkit-details-marker{display:none}.pg-studio summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-studio-chevron{color:var(--color-ink-secondary);transition:transform var(--duration-state) var(--ease-out-quart), color var(--duration-feedback) var(--ease-out-quart);margin-left:auto}.pg-studio summary:hover .pg-studio-chevron{color:var(--color-ink)}.pg-studio[open] .pg-studio-chevron{transform:rotate(180deg)}.pg-studio-body{gap:.75rem;padding:0 1rem 1rem;display:grid}.pg-field{gap:.25rem;display:grid}.pg-field .pg-text-button{justify-self:start;margin-top:.25rem}.pg-advice{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink-secondary);grid-template-columns:auto 1fr;gap:.25rem .75rem;display:grid}.pg-advice dt{color:var(--color-ink)}.pg-error{color:var(--color-ink);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}@media (pointer:fine){.pg-open{display:none}}@media not (pointer:fine){.pg-send{display:none}}.pg-recipes{margin:1.25rem calc(-1 * var(--pg-gutter)) 0;padding:.25rem var(--pg-gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--pg-gutter);gap:.75rem;display:flex;overflow-x:auto}.pg-recipe{scroll-snap-align:start;border:1px solid var(--color-border);border-radius:var(--radius-chrome);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:border-color var(--duration-feedback) var(--ease-out-quart), box-shadow var(--duration-feedback) var(--ease-out-quart), transform var(--duration-feedback) var(--ease-out-quart);flex:none;gap:.375rem;padding:.5rem;font-weight:500;display:grid}@media (hover:hover) and (pointer:fine){.pg-recipe:not(:disabled):hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-elev-1)}}.pg-recipe:not(:disabled):active{transform:scale(.98)}.pg-recipe:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-recipe-strip{border-radius:calc(var(--radius-chrome) - .5rem);gap:.125rem;display:flex;overflow:hidden}.pg-recipe-strip img{object-fit:cover;width:2.25rem;height:2.75rem}@media (width>=64rem){.pg-recipes{grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:-.25rem;padding-inline:.25rem;display:grid;overflow:visible}}.pg-pop{width:min(18rem,100vw - 2rem);margin:0;padding:.875rem;position:absolute;inset:auto}.pg-pop-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.pg-sticky{z-index:10;height:calc(var(--pg-sticky-h) + env(safe-area-inset-bottom,0px));padding:0 max(1rem, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(1rem, env(safe-area-inset-left,0px));opacity:0;transition:transform var(--duration-feedback) var(--ease-in), opacity var(--duration-feedback) var(--ease-in);border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid;position:fixed;inset:auto 0 0;transform:translateY(100%)}.pg-sticky[data-shown]{opacity:1;transition-duration:var(--duration-state);transition-timing-function:var(--ease-out-quart);transform:none}.pg-sticky-stage{border-radius:var(--radius-control);background:var(--color-surface-sunken);cursor:pointer;border:0;width:2.75rem;height:2.75rem;padding:0;overflow:hidden}.pg-sticky-stage:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-sticky-parts{font-size:var(--text-sm);color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}@media (width<=63.999rem){:root:has(.pg-sticky[data-shown]){scroll-padding-bottom:calc(var(--pg-sticky-h) + env(safe-area-inset-bottom,0px) + .5rem)}}@media (width>=64rem){.pg-sticky{display:none}}.pg-rows{padding:.25rem 1rem}.pg-row{gap:.25rem 1rem;padding-block:.75rem;display:grid}.pg-row+.pg-row{border-top:1px solid var(--color-border)}@media (width>=40rem){.pg-row:not(.pg-row-stacked){grid-template-columns:6rem minmax(0,1fr);align-items:baseline}}.pg-part-tag{border-radius:var(--radius-control);background:color-mix(in oklch, var(--pg-tint,var(--color-ink)) 14%, transparent);color:var(--color-ink);font-size:var(--text-sm);justify-self:start;padding:.125rem .5rem;font-weight:500}.pg-ladder-added{color:var(--color-ink);font-weight:500}.pg-guide-picks{margin:1.25rem calc(-1 * var(--pg-gutter)) 0;padding:.25rem var(--pg-gutter);scroll-padding-inline:var(--pg-gutter);scrollbar-width:none;gap:.5rem;display:flex;overflow-x:auto}.pg-guide-picks::-webkit-scrollbar{display:none}@media (width>=40rem){.pg-guide-picks{flex-wrap:wrap;margin-inline:-.25rem;padding-inline:.25rem;overflow-x:visible}}.pg-guide-card{padding:0}.pg-guide-summary{cursor:pointer;border-radius:var(--radius-surface);align-items:center;gap:.75rem;min-height:3.5rem;padding:.75rem 1rem;list-style:none;display:flex}.pg-guide-summary::-webkit-details-marker{display:none}.pg-guide-summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pg-guide-chevron{color:var(--color-ink-secondary);transition:transform var(--duration-state) var(--ease-out-quart);flex:none;margin-left:auto}.pg-guide-card[open] .pg-guide-chevron{transform:rotate(180deg)}.pg-guide-body{padding:0 1rem 1rem}.pg-guide-example{border-radius:calc(var(--radius-surface) - 1rem);background:var(--color-surface-sunken);padding:.75rem}:root:not([data-pg-js]) .pg-guide-picks,:root[data-pg-js] .pg-guide-card:not([data-active]){display:none}:root[data-pg-js] .pg-guide-summary{pointer-events:none}:root[data-pg-js] .pg-guide-chevron{display:none}@property --pg-fade{syntax:"<length>";inherits:false;initial-value:0}.pg-model-row,.pg-recipes,.pg-guide-picks{--pg-fade:var(--pg-fade-size);mask-image:linear-gradient(to right, black calc(100% - var(--pg-fade)), transparent);padding-inline-end:calc(var(--pg-gutter) + var(--pg-fade-size));scroll-padding-inline-end:calc(var(--pg-gutter) + var(--pg-fade-size))}.pg-model-row>.pg-model-chip,.pg-model-row input{scroll-margin-inline:calc(var(--pg-fade-size) + var(--spacing))}.pg-guide-picks>.pg-model-chip,.pg-recipe{scroll-margin-inline-end:calc(var(--pg-fade-size) + var(--spacing))}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.pg-model-row,.pg-recipes,.pg-guide-picks{--pg-fade:0px;padding-inline-end:var(--pg-gutter);scroll-padding-inline-end:var(--pg-gutter);animation-name:pg-fade-out;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}}}@media (width>=64rem){.pg-recipes{padding-inline-end:.25rem;mask-image:none}}@media (width>=40rem){.pg-guide-picks{padding-inline-end:.25rem;mask-image:none}}@keyframes pg-fade-out{0%,80%{--pg-fade:var(--pg-fade-size)}to{--pg-fade:0px}}