/* Shared experience browsing, with the same preview/caption hierarchy as Products. */
html body.visual-home #playground #picker-title{font-size:clamp(23px,2.3vw,34px)!important;line-height:1.2!important;margin:12px 0 20px!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;padding:4px 0 12px!important;scrollbar-width:thin;height:auto!important;max-height:none!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs>button{flex:0 0 clamp(190px,23%,280px)!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;grid-template-rows:110px 1fr!important;gap:12px 6px!important;padding:10px!important;min-height:208px!important;height:auto!important;border-radius:18px!important;scroll-snap-align:start;position:relative!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs>button>img{grid-area:1/1/2/3!important;width:100%!important;height:110px!important;max-height:110px!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:12px!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs .choice-copy{grid-area:2/1/3/2!important;padding:0!important;min-width:0!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .choice-copy strong{font-size:16px!important;line-height:1.25!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .choice-copy small{display:block!important;font-size:13px!important;line-height:1.35!important;margin-top:6px!important}
html body.visual-home[data-active-world="spaces"] #playground .stage-top.space-picker .thumbnail-interaction{height:110px!important;max-height:110px!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground #showroom{display:none!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .show-all-examples{display:none!important}
html body.visual-home #playground .world-followup{padding:20px!important;margin:0!important;border:0!important;max-width:none!important;background:#f2f6f2!important}
html body.visual-home #playground .world-followup>h2,html body.visual-home #playground .world-followup>p{display:none!important}
html body.visual-home #playground .world-followup .world-projects{display:flex!important;flex-wrap:nowrap!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0!important;margin:0!important}
html body.visual-home #playground .world-followup .world-projects>.spatial-demo-card{display:flex!important;flex-direction:column!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;background:transparent!important;border:0!important;position:relative!important;overflow:hidden!important;scroll-snap-align:start;scroll-snap-stop:always;text-align:left!important}
html body.visual-home #playground .world-followup .spatial-demo-card:after{display:none!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-preview{display:block!important;position:relative!important;inset:auto!important;width:100%!important;flex:none!important;height:var(--world-preview-height,380px)!important;min-height:0!important;aspect-ratio:auto!important;background:#fff!important;border-radius:16px!important;overflow:hidden!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-preview img{width:100%!important;height:100%!important;max-height:none!important;display:block!important;object-fit:contain!important;object-position:center!important;transform:none!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-card-body{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 24px!important;padding:20px 4px!important;width:100%!important;min-width:0!important;background:none!important;box-sizing:border-box!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-card-body strong{grid-column:1;font-size:clamp(22px,2.1vw,32px)!important;line-height:1.2!important;color:#20352d!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-card-detail{grid-column:1;font-size:16px!important;line-height:1.45!important;color:#52655b!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-card-arrow{grid-column:2;grid-row:1/3;align-self:center!important;justify-self:end!important;display:block!important;width:auto!important;height:auto!important;border-radius:100px!important;padding:13px 20px!important;background:#20352d!important;color:#fff!important;font-size:15px!important;line-height:1.3!important;white-space:normal!important}
html body.visual-home #playground .world-followup .spatial-demo-badge,html body.visual-home #playground .world-followup .spatial-demo-play{display:none!important}
html body.visual-home #playground .world-followup .preview-slider-controls{display:flex!important;position:static!important;justify-content:flex-end!important;gap:12px!important;margin:4px 0 0!important;pointer-events:auto!important}
html body.visual-home #playground .world-followup .preview-slider-controls button{background:#20352d!important;color:#fff!important;width:42px!important;height:42px!important}
@media(max-width:760px){
 html body.visual-home #playground .world-followup{padding:12px!important}
 html body.visual-home #playground .world-followup .spatial-demo-card .project-card-body{grid-template-columns:1fr!important;gap:8px!important;padding:14px 4px!important}
 html body.visual-home #playground .world-followup .spatial-demo-card .project-card-arrow{grid-column:1;grid-row:auto;justify-self:start!important}
 html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs>button{flex-basis:190px!important;grid-template-rows:95px 1fr!important;min-height:195px!important}
 html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs>button>img{height:95px!important;max-height:95px!important}
 html body.visual-home[data-active-world="spaces"] #playground .stage-top.space-picker .thumbnail-interaction{height:95px!important;max-height:95px!important}
}
html body.visual-home #playground .world-followup .spatial-demo-card .project-card-body strong{grid-row:1!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-card-detail{grid-row:2!important}
html body.visual-home #playground .world-followup .preview-slider-controls button{border-radius:50%!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top .category-tabs{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
@media(max-width:760px){html body.visual-home #playground .world-followup .spatial-demo-card .project-card-arrow{grid-row:3!important}}
html body.visual-home[data-active-world="learning"] #playground:has(.learning-picker){display:block!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground #picker-title{font-size:clamp(23px,2.3vw,34px)!important;line-height:1.2!important;margin:12px 0 20px!important}
html body.visual-home[data-active-world]:is([data-active-world="spaces"],[data-active-world="learning"]) #playground .stage-top{overflow:hidden!important}
html body.visual-home #playground .world-followup .spatial-demo-card .project-preview{max-height:56vw!important}
html body.visual-home #playground#playground .stage-top:is(.space-picker,.learning-picker) .category-tabs{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:thin!important}

/* Centre short selector rows; auto margins collapse when the row must scroll. */
html body.visual-home #playground#playground .stage-top:is(.space-picker,.learning-picker) .category-tabs{justify-content:flex-start!important}
html body.visual-home #playground#playground .stage-top:is(.space-picker,.learning-picker) .category-tabs>button:first-child{margin-left:auto!important}
html body.visual-home #playground#playground .stage-top:is(.space-picker,.learning-picker) .category-tabs>button:last-child{margin-right:auto!important}
html body.visual-home #playground#playground .stage-top:is(.space-picker,.learning-picker) .stage-label{width:100%!important;text-align:center!important}
html body.visual-home #playground#playground #picker-title{display:none!important}