.demo_cards__jgyGR,.demo_regions__Oks9N,.demo_stage__Xnd0h{--tint:45%;--guide:color-mix(in oklab,var(--ink-3) 55%,transparent);--region-header:color-mix(in oklab,var(--color-warning-500) var(--tint),var(--surface-panel));--region-content:color-mix(in oklab,var(--color-success-500) var(--tint),var(--surface-panel));--region-footer:color-mix(in oklab,var(--color-danger-500) var(--tint),var(--surface-panel))}.dark .demo_cards__jgyGR,.dark .demo_regions__Oks9N,.dark .demo_stage__Xnd0h{--tint:26%}.demo_cards__jgyGR{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;overflow-x:auto;overscroll-behavior-x:contain}.demo_cardsPlain__7fUDq>*{align-content:start}.demo_cardsSubgrid__h9wh0>*{grid-template-rows:subgrid;grid-row:span 3}.demo_card__7ZsId{display:grid;gap:16px;padding:16px;border-radius:var(--radius-panel);background:var(--surface-panel);color:var(--ink)}.demo_content__kkpyK,.demo_footer__CbeRT,.demo_header__fsjth{display:grid;gap:8px;border-radius:var(--radius-tag)}.demo_header__fsjth{gap:4px}.demo_cardsAligned__uYo6j .demo_content__kkpyK{align-content:start}.demo_cardsAligned__uYo6j .demo_footer__CbeRT{align-content:end}.demo_cardsAligned__uYo6j .demo_image__Ea6XS{align-self:end}.demo_category__wANJQ{font-family:var(--font-mono);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2)}.demo_image__Ea6XS{max-width:100%;height:auto;border-radius:var(--radius-tag)}.demo_title__qdVOm{font-size:17px;line-height:1.15;color:var(--ink)}.demo_description__h7gYb{font-size:14px;line-height:1.55;color:var(--ink-2)}.demo_promoLabels__r6015{display:grid;gap:4px;place-items:start}.demo_promoLabel__FEuQ0{padding:5px 9px;border-radius:var(--radius-tag);background:var(--ink);color:var(--surface-panel);font-family:var(--font-mono);font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.demo_price__63MTV{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--ink)}[data-highlighted=true] .demo_card__7ZsId>*{outline:1px dashed var(--guide)}[data-highlighted=true] .demo_header__fsjth{background:var(--region-header)}[data-highlighted=true] .demo_content__kkpyK{background:var(--region-content)}[data-highlighted=true] .demo_footer__CbeRT{background:var(--region-footer)}.demo_regions__Oks9N{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:16px;overflow-x:auto;overscroll-behavior-x:contain}.demo_regionCard__Y79fH{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:12px;padding:16px;border-radius:var(--radius-panel);background:var(--surface-panel);color:var(--ink)}.demo_regionSlot___pe2x{padding:8px;border-radius:var(--radius-tag);outline:1px dashed var(--guide);font-family:var(--font-mono);font-size:11px;color:var(--ink-2)}.demo_regionSlotImage__1Lym5{height:150px}.demo_regionSlotDescription__jQLMN{height:80px}.demo_regionSlotPromoLabels__RTKHd{height:100px}.demo_stage__Xnd0h{position:relative}.demo_grid__nk9NP,.demo_guides__IvgLV{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:16px}.demo_gridItem__stpKI{min-width:0;padding:16px;border-radius:var(--radius-panel);font-family:var(--font-mono);font-size:12px;color:var(--ink)}.demo_gridItem__stpKI:first-child{grid-column:span 2;background:var(--region-header)}.demo_gridItem__stpKI:nth-child(2){background:var(--region-content)}.demo_gridItem__stpKI:last-child{background:var(--region-footer)}.demo_guides__IvgLV{position:absolute;inset:0;pointer-events:none}.demo_guide__8wnjE{border-radius:var(--radius-panel);outline:1px dashed var(--guide)}.demo_subgridGuides__WRHpw,.demo_subgrid__M1eNR{grid-auto-rows:100px 100px;column-gap:16px;row-gap:8px}.demo_subgridItem__vCoHQ{display:grid;min-width:0;grid-template-rows:subgrid;grid-row:span 2;border-radius:var(--radius-panel);font-family:var(--font-mono);font-size:12px;color:var(--ink)}.demo_subgridItem__vCoHQ>div{padding:16px}.demo_subgridItem__vCoHQ:first-child{background:var(--region-header)}.demo_subgridItem__vCoHQ:nth-child(2){background:var(--region-content)}.demo_subgridItem__vCoHQ:last-child{background:var(--region-footer)}