.storyshot{margin:0}.storyshot-frame{border:1px solid var(--surface-line-strong);border-radius:var(--radius-xl);background-color:var(--surface-raised);overflow:hidden;box-shadow:var(--shadow-ink)}.storyshot-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--surface-line);background-color:color-mix(in srgb,var(--surface) 55%,var(--surface-raised))}.storyshot-dots{display:flex;gap:.3rem;flex:none}.storyshot-dots span{width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--surface-line-strong)}.storyshot-title{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--surface-text-faint)}.storyshot-media{position:relative;overflow:hidden}.storyshot-image{display:block;width:100%;height:100%;object-fit:cover}.storyshot-pending{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background-image:linear-gradient(160deg,var(--ink-raised),var(--ink-deep))}.storyshot-pending-note{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--on-ink-faint)}.storyshot-callout{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:var(--space-2);padding:.25rem var(--space-3);border-radius:var(--radius-pill);background-color:#08121cd1;border:1px solid var(--signal);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--on-ink);white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.storyshot-callout-dot{width:.375rem;height:.375rem;border-radius:50%;background-color:var(--signal)}.storyshot-badge{position:absolute;left:var(--space-4);bottom:var(--space-4);padding:.3rem var(--space-4);border-radius:var(--radius-pill);background-color:var(--signal);color:var(--ink);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.storyshot-legend{display:none;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-4)}.storyshot-legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--surface-text-dim)}.storyshot-legend-item:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background-color:var(--surface-accent)}@media(max-width:40rem){.storyshot-callout{display:none}.storyshot-legend{display:flex}.storyshot-badge{left:var(--space-3);bottom:var(--space-3)}}