.studies-page .studio-group>h2{border:var(--window-edge);min-height:32px;color:rgb(var(--color-titlebar-text));background:rgb(var(--color-titlebar));box-shadow:var(--bevel-titlebar);font:var(--type-caps)/1 var(--font-ui);text-transform:uppercase;align-items:center;margin:0 0 14px;padding:4px 12px;display:inline-flex}.studio-group+.studio-group{margin-top:12px}.experiments-collection{--card-columns:2}.experiments-collection .experiment-preview{flex-direction:column;display:flex}.experiment-preview .study-preview__image{aspect-ratio:auto;background:0 0;align-self:start}.experiment-preview .study-preview__image img{background:rgb(var(--color-surface-sunken));height:auto}.experiments-page .study-examples--experiment .study-image-grid img{background:0 0}.experiment-preview__content{flex-direction:column;flex:1;min-width:0;display:flex}.experiment-preview__content .study-preview__meta{margin:18px 0 0}.experiment-preview__content h3{font-size:var(--type-item);margin:12px 0 10px;line-height:1}.experiment-preview__content h3 a{color:inherit;justify-content:space-between;gap:20px;text-decoration:none;display:flex}.experiment-preview__content h3 a:hover,.experiment-preview__content h3 a>span[aria-hidden]{color:rgb(var(--color-accent))}.experiment-preview__content h3 a .experiment-title-text{font-size:inherit}.experiment-preview__content>p{color:rgb(var(--color-text-muted));font-size:var(--type-body);margin:0 0 20px;line-height:1.7}.experiments-page .experiment-title-note{color:rgb(var(--color-kicker));font:var(--type-caps)/1.6 var(--font-ui);letter-spacing:0;text-shadow:none;text-transform:uppercase;margin-top:8px;display:block}.studio-group--more-tools .experiments-collection .experiment-preview.desk-card{grid-row:span 6;grid-template-rows:subgrid;row-gap:0;display:grid}.studio-group--more-tools .experiment-preview__content{grid-row:span 4;grid-template-rows:subgrid;row-gap:0;display:grid}@container page (width>=720px){.studio-group--featured-tools .experiments-collection .experiment-preview{grid-column:1/-1;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:0 clamp(24px,3vw,40px);display:grid}.studio-group--featured-tools .experiment-preview .study-preview__image{width:100%}.studio-group--featured-tools .experiment-preview>.desk-window__bar{grid-column:1/-1}.studio-group--featured-tools .experiment-preview__content .study-preview__meta{margin-top:0}}.studio-entry{min-width:0;position:relative}.studies-page .studio-entry__loading{min-height:min(56vh,480px);color:rgb(var(--color-text-muted))}.studio-entry__loading p{font:var(--type-small)/1.8 var(--font-body);margin:0}.studio-entry[data-state=loading]>.studio-entry__content{visibility:hidden;pointer-events:none;position:absolute;inset:0 0 auto}.studio-entry[data-state=loading]{overflow:clip}.workshop-shell{min-width:0}.workshop-switcher{border:var(--window-edge);background:rgb(var(--color-band));box-shadow:var(--bevel-band);grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:center;gap:16px 28px;padding:14px 16px;display:grid}.workshop-switcher label{flex-direction:column;gap:8px;display:flex}.workshop-switcher label>span{color:rgb(var(--color-accent));font:var(--type-caps) var(--font-ui);text-transform:uppercase}.workshop-switcher select{width:100%;min-height:44px;font-size:var(--type-body);padding:8px 12px}.workshop-shell>.lab-first-step{margin-top:16px}.workshop-switcher__description p{color:rgb(var(--color-text));font-size:var(--type-body);margin:0 0 4px;line-height:1.6}.workshop-switcher__description span{color:rgb(var(--color-text-muted));font-size:var(--type-small);line-height:1.6}.workshop-host{padding-top:16px}.workshop-host:empty{padding:0}.workshop-host .graphics-workbench__view{border:0}.workshop-shell .tool-unavailable{padding:16px 0 0}.tool-unavailable img{max-width:100%;height:auto}.mini-experiment-shell,.mini-experiment-host{min-width:0}.mini-experiment-host:empty{display:none}.mini-experiment-error{border:var(--window-edge);background:rgb(var(--color-danger-surface));flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.mini-experiment-error h3,.mini-experiment-error p{flex-basis:100%;margin:0}.mini-experiment-error h3{color:rgb(var(--color-danger));font-size:var(--type-item)}.experiments-page--ascii .study-detail-intro{line-height:1.6}.experiments-page--ascii .study-detail-meta{margin-top:16px}@container page (width<=719px){.workshop-switcher{grid-template-columns:1fr;gap:12px;padding:12px}.workshop-host{padding-top:12px}}