/* 桌面端专属样式 - 视口宽度 >= 769px */
@media (min-width: 769px) {
    /* 桌面端侧边栏 + 主内容区避让（CSS 变量驱动，同步过渡） */
    .main-content,
    #assets-content,
    #enhancer-content {
        margin-left: var(--sidebar-width);
        transition: margin-left 150ms ease-out;
    }
    .sidebar[data-collapsible="icon"] ~ .main-content,
    .sidebar[data-collapsible="icon"] ~ #assets-content,
    .sidebar[data-collapsible="icon"] ~ #enhancer-content {
        margin-left: var(--sidebar-width-icon);
    }

    /* 桌面端隐藏移动端顶部导航栏 */
    .top-header { display: none !important; }

    /* 桌面端隐藏移动端触发按钮 */
    .sidebar-trigger-mobile { display: none !important; }

    /* 桌面端模型选择器显示 */
    #topModelSelectorContainerDesktop { display: block; }
    #topModelSelectorContainerMobile { display: none !important; }
}

/* 卡片样式统一在 style.css */

@media (min-width: 1536px) {
    .title {
        font-size: 48px;
    }

    .image-card {
        width: 208px;
    }
}

/* ── 生成结果图片网格：自适应列数（≥769px）── */
@media (min-width: 769px) {
    .gh-img-grid {
        display: grid;
        grid-auto-flow: row;
        gap: 0.25rem;
        overflow-x: visible;
        padding: 0;
        margin: 0;
    }
    .gh-img-grid,
    .gh-img-grid.cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gh-img-grid.cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .gh-img-grid.cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gh-img-grid.cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .gh-img-grid > * {
        flex-shrink: 1;
    }
}

/* ── 生成结果图片网格：自适应列数（≥1024px）── */
@media (min-width: 1024px) {
    .gh-img-grid,
    .gh-img-grid.cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .gh-img-grid.cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .gh-img-grid.cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gh-img-grid.cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}