/* v0.11.2: align the public gallery and studio library with the archived 80-layout gallery. */
.vrs-route-home .vrs-seo-cases{
  width:100%;max-width:none;margin:54px 0 0;padding:54px max(5vw,24px) 76px;
  background:#0b0f18;color:#edf2f7;border-top:1px solid #252d3e;
}
.vrs-route-home .vrs-seo-cases>header{width:min(1560px,90vw);margin:0 auto 30px}
.vrs-route-home .vrs-seo-cases>header span{color:#74e4c0}
.vrs-route-home .vrs-seo-cases>header p{color:#9aa6ba}
.vrs-route-home .vrs-seo-cases>header>a{color:#9b8cff}
.vrs-route-home .vrs-template-thumb-grid{
  width:min(1560px,90vw);margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
}
.vrs-route-home .vrs-template-thumb{
  min-width:0;background:#141a26;color:#edf2f7;border-color:#2b3448;box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.vrs-route-home .vrs-template-thumb:hover{border-color:#786cf2;box-shadow:0 20px 50px rgba(0,0,0,.36)}
.vrs-route-home .vrs-live-thumb{
  width:86%;margin:18px 7% 0;aspect-ratio:210/297;border:1px solid #30394e;border-radius:10px;background:#dfe3e9;
}
.vrs-route-home .vrs-template-meta small{color:#76e2c0}
.vrs-route-home .vrs-template-meta em{color:#8f9bb0}

.vrs-route-home .vrs-layout-library{
  width:min(1560px,calc(100vw - 64px));max-width:none;margin:22px 0 34px 50%;padding:24px;
  transform:translateX(-50%);overflow:hidden;box-sizing:border-box;
}
.vrs-route-home .vrs-layout-grid{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.vrs-route-home .vrs-layout-card{min-width:0}
.vrs-route-home .vrs-layout-thumb{aspect-ratio:210/297}
.vrs-route-home .vrs-layout-search{max-width:280px}
.vrs-route-home .vrs-design-layout{width:min(1240px,calc(100% - 48px));margin:0 auto;grid-template-columns:minmax(0,1fr)}
.vrs-route-home .vrs-main-preview{width:100%;min-width:0}
.vrs-route-home .vrs-preview-stage.large{min-height:760px}

@media(max-width:1180px){
  .vrs-route-home .vrs-template-thumb-grid,.vrs-route-home .vrs-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .vrs-route-home .vrs-seo-cases{padding-left:18px;padding-right:18px}
  .vrs-route-home .vrs-seo-cases>header,.vrs-route-home .vrs-template-thumb-grid,.vrs-route-home .vrs-layout-library{width:100%;margin-left:0;transform:none}
  .vrs-route-home .vrs-template-thumb-grid,.vrs-route-home .vrs-layout-grid{grid-template-columns:1fr}
  .vrs-route-home .vrs-design-layout{width:100%}
}