.method-gallery-host{min-width:0}
.method-gallery-toolbar{gap:.5rem;flex-wrap:wrap}
.method-gallery-toolbar [hidden]{display:none!important}
.method-gallery-icon{min-width:2.6rem;font-size:1.05rem}
.method-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;align-items:start;min-width:0}
.method-gallery-grid.one{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}
.method-gallery-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.method-gallery-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.method-gallery-card{min-width:0;overflow:hidden;transition:opacity .3s,filter .3s}
.method-gallery-card[hidden]{display:none!important}
.method-gallery-card .stage-title{min-height:3rem;margin:0;padding:.8rem;font-size:.95rem;overflow-wrap:anywhere}
.method-gallery-card canvas.scene{display:block;width:100%;height:clamp(230px,25vw,370px);min-width:0}
.method-gallery-card.muted{filter:grayscale(1);opacity:.34}
.method-gallery-card.with-fifth{box-shadow:inset 0 3px 0 #8a6d96}
.method-gallery-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lesson:fullscreen .method-gallery-card canvas.scene{height:clamp(220px,calc(100dvh - 290px),660px)}
@media(max-width:1000px){.method-gallery-grid,.method-gallery-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.method-gallery-card canvas.scene{height:270px}.lesson:fullscreen .method-gallery-card canvas.scene{height:clamp(150px,calc((100dvh - 350px)/2),360px)}}
@media(max-width:540px){.method-gallery-grid,.method-gallery-grid.three{grid-template-columns:1fr}.method-gallery-card canvas.scene{height:300px}.lesson:fullscreen .method-gallery-grid,.lesson:fullscreen .method-gallery-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson:fullscreen .method-gallery-card .stage-title{font-size:.78rem;padding:.45rem}.lesson:fullscreen .method-gallery-card canvas.scene{height:clamp(140px,calc((100dvh - 350px)/2),260px)}}
@media(prefers-reduced-motion:reduce){.method-gallery-card{transition:none}}
.method-gallery-grid.one{grid-template-columns:minmax(0,1fr)}
.lesson:fullscreen .method-gallery-grid.one{grid-template-columns:minmax(0,1fr)}