/* Instagram-like export stories — ring palette + viewer motion */
.export-story-ring {
  background: conic-gradient(
    from 200deg,
    #ffdc80 0deg,
    #fcaf45 55deg,
    #f77737 110deg,
    #e1306c 175deg,
    #c13584 230deg,
    #833ab4 290deg,
    #ffdc80 360deg
  ) !important;
  box-shadow: none !important;
}
.export-story-ring img,
.export-story-placeholder {
  border: 2.5px solid #fff !important;
  box-sizing: border-box;
}
button.export-story-item,
.ge-ig-story,
.ge-ig-story * {
  -webkit-tap-highlight-color: transparent !important;
}
button.export-story-item:focus,
button.export-story-item:active {
  outline: none !important;
  box-shadow: none !important;
}

.ge-ig-story-backdrop {
  opacity: 0;
  transition: opacity 0.18s ease !important;
}
.ge-ig-story.is-open .ge-ig-story-backdrop {
  opacity: 1;
}
.ge-ig-story-shell {
  transform-origin: 100% 42% !important;
  transform: translate3d(28%, 0, 0) scale(0.04) !important;
  opacity: 0 !important;
  will-change: transform, opacity;
  transition:
    transform 0.22s cubic-bezier(0.16, 0.92, 0.2, 1),
    opacity 0.12s ease !important;
}
.ge-ig-story.is-open .ge-ig-story-shell {
  transform: translate3d(0, 0, 0) scale(1) !important;
  opacity: 1 !important;
}
.ge-ig-story-header-ring {
  background: conic-gradient(
    from 200deg,
    #ffdc80 0deg,
    #fcaf45 55deg,
    #f77737 110deg,
    #e1306c 175deg,
    #c13584 230deg,
    #833ab4 290deg,
    #ffdc80 360deg
  ) !important;
}
.ge-ig-story-stage,
.ge-ig-story-media-wrap,
.ge-ig-story-media-wrap img,
.ge-ig-story-media-wrap video {
  -webkit-tap-highlight-color: transparent !important;
}
.ge-ig-story-media-wrap img,
.ge-ig-story-media-wrap video {
  pointer-events: none;
}
.ge-ig-story-nav {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  appearance: none;
  user-select: none;
  touch-action: manipulation;
  color: transparent !important;
}
.ge-ig-story-nav:focus,
.ge-ig-story-nav:focus-visible,
.ge-ig-story-nav:active,
.ge-ig-story-nav:hover {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.ge-ig-story-nav::-moz-focus-inner {
  border: 0;
}
.ge-ig-story-progress-fill {
  transition: none !important;
  width: 0%;
}
body.export-story-open {
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 480px) {
  .ge-ig-story-shell {
    transform-origin: 96% 40% !important;
  }
}