.combo-pack-container{display:flex;flex-direction:column;gap:24px;width:100%}.combo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:32px 20px;background-color:var(--color-bg-surface);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);margin-bottom:20px}.combo-dropzone:hover,.combo-dropzone.drag-over{border-color:var(--color-primary);background-color:var(--color-primary-light)}[data-theme=dark] .combo-dropzone:hover,[data-theme=dark] .combo-dropzone.drag-over{background-color:#5932ea14}.combo-upload-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-bg-neutral);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform var(--transition-fast)}.combo-dropzone:hover .combo-upload-icon-wrapper{transform:translateY(-2px);color:var(--color-primary);background-color:var(--color-primary-light)}.combo-upload-title{font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.combo-upload-subtitle{font-size:12px;color:var(--color-text-muted);margin:0}.combo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px;width:100%}.combo-preview-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.combo-preview-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.combo-preview-thumb-wrapper{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background-color:#f8f9fa;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}[data-theme=dark] .combo-preview-thumb-wrapper{background-color:#1a1a24}.combo-preview-thumb{max-width:100%;max-height:100%;object-fit:contain}.combo-preview-meta{width:100%;text-align:center}.combo-preview-name{font-size:11px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.combo-preview-size{font-size:10px;color:var(--color-text-muted)}.combo-preview-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:var(--radius-full);background-color:#ef4444e6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:background-color var(--transition-fast),transform var(--transition-fast);z-index:2;padding:0}.combo-preview-remove-btn:hover{background-color:#dc2626;transform:scale(1.1)}.combo-result-img-wrapper{position:relative;width:100%;max-width:500px;aspect-ratio:1;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;background-color:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}[data-theme=dark] .combo-result-img-wrapper{background-color:#121216}.combo-result-img{max-width:100%;max-height:100%;object-fit:contain}.combo-loading-overlay{display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;margin:auto}.combo-loading-overlay.active{display:flex}.combo-loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spinRefreshing 1s linear infinite}.combo-loading-title{font-size:15px;font-weight:700;color:var(--color-text-primary);margin:0}.combo-loading-subtitle{font-size:12px;color:var(--color-text-muted);margin:0;text-align:center;max-width:280px}