/* AWE Express: relocated homepage design-gallery presentation. */
.app-main .express-gallery{padding:clamp(26px,4vw,58px);background:#0d1013;color:#f7f7ee;border:1px solid #252e26;margin:34px 0 50px;isolation:isolate;overflow:hidden}
.app-main .express-gallery:before{display:none}
.app-main .express-gallery-title{font:850 clamp(36px,5.5vw,78px)/1.06 Arial,system-ui,sans-serif;letter-spacing:-.048em;margin:22px 0 24px;max-width:100%;overflow-wrap:normal}
.app-main .express-gallery-title em{font:italic 400 .95em/1.12 Georgia,serif;color:#d1fa57;letter-spacing:-.035em}
.app-main .express-gallery .worlds-description{margin-bottom:18px;max-width:740px;line-height:1.6}
.app-main .express-personalization-note{
  display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);
  gap:clamp(15px,2.5vw,36px);align-items:center;
  margin:0 0 clamp(24px,3vw,34px);
  padding:clamp(19px,2.5vw,30px);
  border:1px solid #3c4c37;border-left:4px solid #d1fa57;
  background:linear-gradient(110deg,#1c261d,#151a17);
  color:#f4f6ed;box-sizing:border-box;min-width:0;
}
.app-main .express-personalization-note h4{
  margin:0;color:#d8ff70;
  font:750 clamp(23px,2.5vw,34px)/1.12 Arial,system-ui,sans-serif;
  letter-spacing:-.045em;overflow-wrap:break-word;
}
.app-main .express-personalization-note p{
  margin:0;max-width:680px;
  font:450 clamp(14px,1.3vw,16px)/1.65 Arial,system-ui,sans-serif;
  color:#dce4d7;overflow-wrap:break-word;
}
@media(max-width:700px){
  .app-main .express-personalization-note{
    grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 17px;margin-bottom:24px;
  }
  .app-main .express-personalization-note h4{font-size:clamp(24px,6vw,30px)}
  .app-main .express-personalization-note p{font-size:14px;line-height:1.6}
}
.app-main .express-gallery .worlds-layout{grid-template-columns:minmax(210px,.46fr) minmax(0,1fr);align-items:start;gap:clamp(14px,2.2vw,32px)}
.app-main .express-gallery .worlds-rail{max-height:740px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#7a866c #1d2420;min-width:0}
.app-main .express-gallery .worlds-choice{grid-template-columns:26px minmax(0,1fr) 19px;gap:12px;padding:14px 10px;min-width:0;min-height:64px}
.app-main .express-gallery .worlds-choice-copy{min-width:0;display:grid;gap:6px}
.app-main .express-gallery .worlds-choice-copy strong{display:block;font:750 clamp(16px,1.6vw,22px)/1.16 Arial,system-ui,sans-serif;letter-spacing:-.025em;overflow-wrap:break-word}
.app-main .express-gallery .worlds-choice-copy small{font:550 10px/1.4 ui-monospace,monospace;letter-spacing:.045em;color:#bdc5b9;overflow-wrap:anywhere}
.app-main .express-gallery .worlds-choice[aria-pressed=true]{background:#d1fa5714;padding-left:12px}
.app-main .express-gallery .worlds-screen{min-width:0}
.app-main .express-gallery .worlds-view{min-width:0}
.app-main .express-gallery .worlds-filter input{width:min(100%,320px)}
.app-main .express-gallery .worlds-current strong{line-height:1.15;letter-spacing:-.03em}
.app-main .express-gallery .worlds-open{letter-spacing:.03em;white-space:normal;text-align:right;line-height:1.5}
.express-gallery-notice{color:#b5c3ad;border-top:1px solid #ffffff35;padding-top:22px;margin:26px 0 0;font:500 13px/1.65 Arial,system-ui,sans-serif}
@media(max-width:1020px){.app-main .express-gallery .worlds-layout{display:flex;flex-direction:column}.app-main .express-gallery .worlds-screen{order:0;width:100%}.app-main .express-gallery .worlds-rail{order:1;width:100%;max-height:400px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.app-main .express-gallery .worlds-choice{grid-template-columns:19px minmax(0,1fr) 14px}}
@media(max-width:620px){.app-main .express-gallery{padding:22px 13px}.app-main .express-gallery-title{font-size:clamp(33px,8.4vw,56px);letter-spacing:-.035em}.app-main .express-gallery .worlds-kicker{flex-wrap:wrap;font-size:10px}.app-main .express-gallery .worlds-filter{align-items:stretch;gap:8px}.app-main .express-gallery .worlds-filter input{width:100%}.app-main .express-gallery .worlds-rail{grid-template-columns:1fr;max-height:360px}.app-main .express-gallery .worlds-choice{grid-template-columns:22px minmax(0,1fr) 18px}.app-main .express-gallery .worlds-screen-footer{flex-wrap:wrap;gap:18px}.app-main .express-gallery .worlds-open{text-align:left}.app-main .express-gallery .worlds-view{width:100%}}

/* 2026-10-25: Give template browsing the same full-width visual space as the homepage.
   Gallery cards have four children: index, live thumbnail, name, arrow. */
.app-main .wizard.is-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
}
.app-main .wizard.is-gallery > .steps {
  display: flex;
  position: static;
  width: 100%;
  align-self: stretch;
  gap: clamp(10px, 2vw, 30px);
  overflow-x: auto;
  padding: 0 0 12px;
}
.app-main .wizard.is-gallery > .steps li {
  flex: 1 0 auto;
  min-width: max-content;
  padding: 8px 0 12px;
}
.app-main .wizard.is-gallery > .work-area { width: 100%; min-width: 0; }
.app-main .wizard.is-gallery .express-gallery { margin: 24px 0 35px; }
.app-main .express-gallery .worlds-layout {
  display: grid;
  grid-template-columns: minmax(350px, .86fr) minmax(0, 1.14fr);
  gap: clamp(18px, 2vw, 30px);
  align-items: start;
}
.app-main .express-gallery .worlds-rail {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  max-height: 670px;
  overflow-x: hidden;
  overflow-y: auto;
}
.app-main .express-gallery .worlds-choice {
  display: grid;
  grid-template-columns: 23px minmax(100px, 128px) minmax(0, 1fr) 17px;
  gap: 9px;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 92px;
  padding: 12px 8px;
  text-align: left;
}
.app-main .express-gallery .worlds-choice-thumb {
  display: block;
  min-width: 0;
  width: 100%;
  aspect-ratio: 1.55;
}
.app-main .express-gallery .worlds-choice-copy {
  display: grid;
  min-width: 0;
  gap: 6px;
  overflow-wrap: anywhere;
}
.app-main .express-gallery .worlds-choice-copy strong {
  display: block;
  font: 730 clamp(14px, 1.35vw, 19px)/1.18 Arial, system-ui, sans-serif;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.app-main .express-gallery .worlds-choice-copy small {
  display: block;
  font: 500 10px/1.35 Arial, system-ui, sans-serif;
  letter-spacing: .01em;
  overflow-wrap: anywhere;
}
.app-main .express-gallery .worlds-choice[aria-pressed="true"] {
  background: #d1fa5714;
  padding-left: 8px;
  box-shadow: inset 3px 0 0 #d1fa57;
}
.app-main .express-gallery .worlds-choice>span:last-child {
  font-size: 18px;
  text-align: center;
}
.app-main .express-gallery .worlds-screen,
.app-main .express-gallery .worlds-view,
.app-main .express-gallery .worlds-screen-footer { min-width: 0; }
@media(max-width: 1120px) {
  .app-main .express-gallery .worlds-layout {
    display: flex;
    flex-direction: column;
  }
  .app-main .express-gallery .worlds-screen { order: 0; width: 100%; }
  .app-main .express-gallery .worlds-rail {
    order: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
    width: 100%;
    max-height: 490px;
    align-content: start;
  }
  .app-main .express-gallery .worlds-choice {
    grid-template-columns: 20px minmax(92px, 120px) minmax(0, 1fr) 15px;
    gap: 7px;
  }
}
@media(max-width: 700px) {
  .app-main .wizard.is-gallery > .steps { gap: 18px; }
  .app-main .wizard.is-gallery > .steps li { font-size: 10px; }
  .app-main .express-gallery .worlds-rail {
    display: flex;
    flex-direction: column;
    max-height: 460px;
  }
  .app-main .express-gallery .worlds-choice {
    grid-template-columns: 20px minmax(102px, 36%) minmax(0, 1fr) 15px;
    min-height: 84px;
  }
  .app-main .express-gallery .worlds-choice-copy strong { font-size: 15px; }
}
@media(max-width: 400px) {
  .app-main .express-gallery .worlds-choice {
    grid-template-columns: 17px minmax(88px, 32%) minmax(0, 1fr) 12px;
    gap: 5px;
  }
  .app-main .express-gallery .worlds-choice-copy strong { font-size: 13px; }
  .app-main .express-gallery .worlds-choice-copy small { font-size: 9px; }
}