.replica-video-menu { position: relative; }
.replica-video-menu > button { display: flex; align-items: center; gap: 6px; border: 0; border-radius: 6px; padding: 6px 10px; color: var(--replica-muted); background: transparent; font: inherit; font-size: 14px; font-weight: 500; white-space: nowrap; }
.replica-video-menu > button:hover, .replica-video-menu > button[aria-expanded="true"] { background: rgb(128 128 128 / 15%); color: var(--replica-text); }
.replica-video-menu-panel { position: absolute; z-index: 70; inset-inline-start: 0; top: calc(100% + 10px); width: 272px; padding: 8px; border: 1px solid var(--replica-line); border-radius: 20px; background: var(--replica-panel); box-shadow: 0 16px 48px -12px #0006; }
.dark .replica-video-menu-panel { background: #101011; border-color: rgb(255 255 255 / 8%); }
.replica-video-menu-panel::before { content: ""; position: absolute; inset-inline: 0; top: -12px; height: 12px; }
.replica-video-menu-panel[hidden] { display: none; }
.replica-video-menu-panel a { display: flex; min-height: 48px; align-items: center; gap: 12px; padding: 6px 8px; border-radius: 12px; color: var(--replica-text); text-decoration: none; white-space: nowrap; font-size: 15px; }
.replica-video-menu-panel a:hover, .replica-video-menu-panel a:focus-visible { background: rgb(128 128 128 / 12%); outline: none; }
.replica-video-menu-panel img { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px; }
.replica-model-badge { display: inline-flex; flex: 0 0 auto; border: 1px solid #f43f5e40; border-radius: 999px; padding: 1px 5px; color: #fb7185; background: #f43f5e10; font-size: 9px; line-height: 1.1; }
.replica-model-badge.is-free { color: #34d399; background: #10b98110; border-color: #10b98140; }
.replica-sidebar-model[aria-current="page"] { color: var(--replica-text); background: rgb(128 128 128 / 15%); box-shadow: inset 0 0 0 1px rgb(128 128 128 / 12%); }
