.story-viewer{border:1px solid var(--color-border-default);border-radius:var(--border-radius-component);flex-direction:column;gap:0;display:flex;overflow:hidden}.story-viewer__tabs{gap:var(--space-tight-gap);padding:var(--space-inline-gap) var(--space-element-gap);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.story-viewer__tab{padding:var(--space-tight-gap) var(--space-element-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-interactive);min-height:36px;font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);background:0 0;align-items:center;display:flex}.story-viewer__tab:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.story-viewer__tab:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.story-viewer__tab--active{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.story-viewer__tab--active:hover{border-color:var(--color-surface-inverse)}.story-viewer__frame-wrapper{background:var(--color-surface-primary);position:relative}.story-viewer__frame{border:none;width:100%;display:block}.story-viewer__open-link{bottom:var(--space-inline-gap);right:var(--space-element-gap);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);opacity:0;transition:opacity var(--duration-interaction) var(--easing-default);text-decoration:none;position:absolute}.story-viewer__frame-wrapper:hover .story-viewer__open-link{opacity:1}.story-viewer__open-link:focus-visible{opacity:1;outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:2px}.story-viewer--empty{padding:var(--space-component-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-component)}.story-viewer__empty-msg{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);text-align:center}@media (prefers-reduced-motion:reduce){.story-viewer__tab,.story-viewer__open-link{transition:none}}