:root {
  --step--1: .875rem;
  --step-0: 1rem;
  --step-1: 1.4rem;
  --step-2: 2.3rem;
  --step-3: 4.8rem;
}
* { letter-spacing: 0 !important; }
.brand-logo { display: block; flex: 0 0 auto; width: 180px; }
.brand-logo img { width: 100%; height: auto; aspect-ratio: 1000 / 444; object-fit: contain; }
.top .wrap { padding-block: 8px; }
.brand-signature { padding: 24px 16px 0; }
.brand-signature img { width: min(100%, 580px); height: auto; margin-inline: auto; }
.bag-open { overflow: hidden; }
.shop-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; margin-bottom: 20px; border: 1px solid var(--magenta); }
.shop-status button { background: var(--ink); color: var(--paper); padding: 8px 16px; border: 0; border-radius: 6px; }
.noscript-note { padding: 24px; background: white; color: black; }
.studio-bar { border-radius: 8px; }
.studio-actions { flex-wrap: wrap; }
.sheet { border-radius: 8px; }
.sheet-head h2 { font-size: 1.6rem; }
.row input { min-width: 0; }
@media (max-width: 640px) {
  :root { --step-2: 1.8rem; --step-3: 3.2rem; }
  .top .brand-logo { width: 140px; }
  .studio-actions { width: 100%; }
  .studio-actions button { padding: 8px 12px; }
  .sec-head { align-items: start; }
  .popup-img { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}