.description-popover {
    position: fixed;
    z-index: 1030;
    width: min(360px, calc(100vw - 24px));
    border: 1px solid var(--border, #424242);
    border-radius: 14px;
    background: var(--muted, #262626);
    color: var(--foreground, #f5f5f5);
    box-shadow: 0 18px 48px rgb(0 0 0 / 35%);
    pointer-events: none;
    animation: description-popover-appear 140ms ease-out both;
}
.description-popover__body {
    position: relative;
    overflow: hidden;
    max-height: calc(100vh - 26px);
    border-radius: inherit;
}
.description-popover__media { aspect-ratio: 16 / 9; }
.description-popover__media--composer { aspect-ratio: 2492 / 1662; }
.description-popover__info { padding: 18px 20px 20px; }
.description-popover__title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}
.description-popover__text {
    margin: 0;
    color: var(--muted-foreground, #b4b4b4);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    white-space: pre-line;
    overflow-wrap: anywhere;
}
.description-popover__arrow {
    position: absolute;
    top: var(--description-arrow-y, 50%);
    left: -6px;
    width: 11px;
    height: 11px;
    border-left: 1px solid var(--border, #424242);
    border-bottom: 1px solid var(--border, #424242);
    background: var(--muted, #262626);
    transform: translateY(-50%) rotate(45deg);
}
.description-popover[data-placement="left"] .description-popover__arrow {
    left: auto;
    right: -6px;
    transform: translateY(-50%) rotate(225deg);
}
.description-popover [hidden] { display: none; }
@keyframes description-popover-appear {
    from { opacity: 0; }
    to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .description-popover { animation: none; }
}