@media(prefers-reduced-motion:no-preference) {
  button,.button {
    transition:background-color .15s ease-out,scale .15s ease-out
  }
  button:active,.button:active {
    scale:.96
  }
}
@media(max-width:1000px) {
  .app-title {
    display:none
  }
  .new-layout {
    grid-template-columns:240px minmax(0,1fr)
  }
  .editor-layout,.editor-intro {
    grid-template-columns:minmax(0,1fr) 250px;
    gap:16px
  }
}
@media(max-width:700px) {
  .masthead {
    padding:12px 16px;
    gap:12px;
    flex-wrap:wrap
  }
  .masthead nav {
    width:100%;
    margin:0;
    gap:8px 16px
  }
  .masthead nav span {
    margin-inline-start:auto
  }
  .page {
    padding:12px 16px 64px
  }
  .page-heading {
    align-items:start;
    flex-direction:column
  }
  .new-layout,.editor-layout,.editor-intro {
    grid-template-columns:minmax(0,1fr)
  }
  .seller-col {
    position:static
  }
  .summary-panel {
    position:static;
    max-height:none;
    grid-row:1
  }
  .spec-row {
    grid-template-columns:minmax(0,1fr);
    gap:16px
  }
  .auth-sheet {
    margin:0 auto
  }
  h1 {
    --h1:1.7rem
  }
  .filters {
    align-items:stretch
  }
  .filters label {
    min-width:0;
    flex-basis:100%
  }
}
@media(forced-colors:active) {
  :focus-visible {
    outline-color:Highlight
  }
  .chosen {
    border-color:Highlight!important;
    outline:2px solid Highlight
  }
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap
}
details>summary:focus-visible {
  border-radius:6px
}