:root {
    --pd-preview-nav-icon: var(--pd-icon-sm);
    --pd-preview-nav-badge: var(--pd-icon-md);
}
.pd-nav-preview-panel { margin-block-end: var(--pd-space-4); }
.pd-nav-preview-panel h2 { margin-block-end: var(--pd-space-4); }
.pd-nav-preview-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pd-space-4); margin-block: var(--pd-space-4); }
.pd-nav-preview-row a { display: inline-flex; align-items: center; gap: var(--pd-space-1); color: var(--pd-color-text-secondary); text-decoration: none; font-size: var(--pd-fs-sm); white-space: nowrap; }
.pd-nav-preview-row a.pd-nav-preview-active { color: var(--pd-color-primary); font-weight: var(--pd-fw-semibold); }
.pd-nav-preview-row img { width: var(--pd-preview-nav-icon); height: var(--pd-preview-nav-icon); flex: none; }
.pd-nav-preview-separator { width: var(--pd-tab-indicator); height: var(--pd-space-3); background: var(--pd-color-border); }
.pd-nav-preview-sizes { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pd-space-3); }
.pd-nav-preview-sizes img { width: var(--pd-preview-nav-badge); height: var(--pd-preview-nav-badge); }
.pd-nav-preview-gallery { grid-template-columns: repeat(auto-fit, minmax(calc(var(--pd-space-5) * 5), 1fr)); }

.pd-nav-preview-row a.pd-nav-preview-active[data-ui-icon="reply"] { color:var(--pd-feed-color-reply); }
.pd-nav-preview-row a.pd-nav-preview-active[data-ui-icon="latest"] { color:var(--pd-feed-color-latest); }
.pd-nav-preview-row a.pd-nav-preview-active[data-ui-icon="hot"] { color:var(--pd-feed-color-hot); }
.pd-nav-preview-row a.pd-nav-preview-active[data-ui-icon="featured"] { color:var(--pd-feed-color-good); }