/* STstudio adapter. Keep the withok-shared viewer stylesheet unchanged. */
.editorial-web-work-list { display: contents; }
.editorial-web-work-list-toggle { display: none; }
.editorial-web-list-item > button.editorial-web-item-title {
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}
.editorial-web-item-title:focus-visible,
.editorial-web-work-list-toggle:focus-visible,
.editorial-web-close:focus-visible,
.editorial-web-open:focus-visible {
  outline: 2px solid var(--ink, #f0f0f0);
  outline-offset: var(--sp-1);
}
.editorial-web-panel {
  transform: translateY(4px);
  transition: opacity 180ms cubic-bezier(.2,.8,.2,1), transform 180ms cubic-bezier(.2,.8,.2,1);
}
.editorial-web-list-item { transition-duration: 180ms; }
.editorial-web-pages.has-ready-pages .editorial-web-pagewin {
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 180ms cubic-bezier(.2,.8,.2,1), transform 180ms cubic-bezier(.2,.8,.2,1);
}
.editorial-web-pages.has-ready-pages .editorial-web-pagewin.is-page-ready {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}

@media (max-width: 768px) {
  .editorial-web-work-list-toggle {
    position: fixed;
    left: var(--space-8);
    bottom: var(--space-8);
    z-index: 45;
    display: inline-flex;
    align-items: center;
    gap: var(--space-4);
    min-height: 44px;
    padding: 0 var(--space-8);
    border: 0;
    background: var(--background-color, #111);
    color: var(--link-blue, #7398ff);
    font: var(--font-size-ui) var(--font-family-ui);
    cursor: pointer;
  }
  .editorial-web-work-list-toggle svg { width: 1em; height: 1em; }
  .editorial-web-work-list { display: none; }
  .editorial-web.is-work-list-open .editorial-web-work-list {
    position: fixed;
    inset: calc(var(--header-h) + var(--space-8)) var(--space-8) calc(44px + var(--space-16));
    z-index: 40;
    display: block;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--space-8);
    background: var(--background-color, #111);
  }
  .editorial-web.is-work-list-open .editorial-web-list {
    position: static;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    pointer-events: auto;
    opacity: 1;
  }
  .editorial-web.is-work-list-open .editorial-web-list + .editorial-web-list { margin-top: var(--space-16); }
  .editorial-web.is-work-list-open .editorial-web-list-items {
    height: auto;
    overflow: visible;
    scroll-snap-type: none;
    align-items: stretch;
  }
  .editorial-web.is-work-list-open .editorial-web-list-items::after { display: none; }
  .editorial-web.is-work-list-open .editorial-web-list-item {
    height: auto;
    min-height: 44px;
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    transform: none;
    opacity: 1;
    filter: none;
  }
  .editorial-web.is-work-list-open .editorial-web-list-item > * { pointer-events: auto; }
  .editorial-web.is-work-list-open .editorial-web-item-title {
    flex: 1 1 100%;
    justify-content: flex-start;
    min-height: 44px;
    height: auto;
    padding: var(--space-8);
    white-space: normal;
    text-align: left;
    overflow: visible;
    line-height: 1.4;
  }
  .editorial-web-hint {
    left: var(--space-8);
    right: auto;
    bottom: calc(44px + var(--space-16));
  }
  .editorial-web.is-work-list-open .editorial-web-hint { visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-web-panel,
  .editorial-web-list-item,
  .editorial-web-pages.has-ready-pages .editorial-web-pagewin { transition: none; }
  .editorial-web-panel,
  .editorial-web-pages.has-ready-pages .editorial-web-pagewin { transform: none; }
}