/* 晶格篮子生成器对话框 —— 复用 mold-box 的侧贴胶囊栏风格。
   通用控件（.modal-content/.control-group/.input-group/.toggle-option/.ios-checkbox/.btn）
   沿用其它对话框注入的全局样式。此文件只保留本对话框特有规则。 */

#lattice-basket-dialog.modal-overlay {
    justify-content: flex-start;
    align-items: center;
    padding-left: 367px; /* 对齐 mold-box 对话框的侧贴位置 */
    background-color: transparent;
    pointer-events: none;
}

.lattice-basket-modal {
    width: 299px;
    max-height: 85vh;
    overflow-y: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: var(--bg-color, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.lattice-basket-modal::-webkit-scrollbar {
    width: 8px;
}
.lattice-basket-modal::-webkit-scrollbar-track {
    background: transparent;
    margin: 12px 0;
}
.lattice-basket-modal::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    border: 2px solid var(--bg-color);
}
.lattice-basket-modal::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}
.dark-mode .lattice-basket-modal::-webkit-scrollbar-thumb {
    background: #555;
    border-color: #2a2a2a;
}

/* 分组小标题 */
.lattice-basket-modal .lb-section-title {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--text-secondary, #666);
    margin: 0 20px 12px;
}
.lattice-basket-modal .lb-section-title:not(:first-child) {
    margin-top: 4px;
}
.lattice-basket-modal .lb-section-divider {
    height: 1px;
    background: var(--border-color, #e2e8f0);
    margin: 4px 20px 16px;
}
.dark-mode .lattice-basket-modal .lb-section-title {
    color: #999;
}
.dark-mode .lattice-basket-modal .lb-section-divider {
    background: #444;
}

/* 高级覆盖面板 */
.lattice-basket-modal details.lb-advanced {
    margin: 0 20px 10px;
}
.lattice-basket-modal details.lb-advanced summary {
    cursor: pointer;
    font-size: 12px;
    color: var(--text-secondary, #666);
    padding: 6px 0;
    user-select: none;
}
.lattice-basket-modal .face-overrides {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 10px;
    margin-top: 6px;
}
.lattice-basket-modal .face-overrides .control-group {
    margin-bottom: 4px;
}
.lattice-basket-modal .face-overrides label {
    min-width: 40px;
    font-size: 12px;
}

/* 底部按钮：竖直堆叠全宽 */
.lattice-basket-modal .modal-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 20px 18px;
    border-top: 1px solid var(--border-color, #e2e8f0);
}
.lattice-basket-modal .modal-footer .btn {
    width: 100%;
}
.dark-mode .lattice-basket-modal .modal-footer {
    border-top-color: #404040;
}

/* 生成中 loading 状态 */
.lattice-basket-modal .modal-body.loading {
    opacity: 0.5;
    pointer-events: none;
}